iT邦幫忙

reactjs相關文章
共有 711 則文章
1 Like 0 留言 265 瀏覽
鐵人賽 Modern Web DAY 10
react 學習記錄 系列 第 10 篇

技術 [Day10]我的 react 學習記錄 - react 如何運作跟 key 是什麼

這篇文章的主要內容 簡單說說 react 是如何運作跟 key 是什麼 react 如何運作 可以大略把 react 做的事情拆分成三個步驟，react 官方...

evan_hsu ‧ 2023-09-24
0 Like 0 留言 319 瀏覽
鐵人賽 Modern Web DAY 8
30天React練功坊-攻克常見實務/面試問題 系列 第 8 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day8: Using index as key might be a huge disaster

tags: ItIron2023 react 前言 我們昨天用了一個很簡單的例子展示useEffect可能造成的memory leak issue，今天我們來看...

windate3411 ‧ 2023-09-23
0 Like 0 留言 243 瀏覽
鐵人賽 Modern Web DAY 9
react 學習記錄 系列 第 9 篇

技術 [Day9]我的 react 學習記錄 - react event 綁定 & useState

這篇文章的主要內容 簡單說明 react 裡面的事件綁定跟透過 useState hook 來管理狀態。 JavaScript 的事件綁定 JavaScrip...

evan_hsu ‧ 2023-09-23
0 Like 0 留言 364 瀏覽
鐵人賽 Modern Web DAY 7
30天React練功坊-攻克常見實務/面試問題 系列 第 7 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day7: Memeory leak with useEffect

tags: ItIron2023 react 前言 昨天我們看了一下一個react hook在render上的常見使用錯誤，未來我們會再次接觸到，建議先把hoo...

windate3411 ‧ 2023-09-22
0 Like 0 留言 210 瀏覽
鐵人賽 Modern Web DAY 8
react 學習記錄 系列 第 8 篇

技術 [Day8]我的 react 學習記錄 - 渲染 variable & props 傳遞

這篇文章的主要內容 簡單說說 react 裡面把資料放到畫面上跟參數傳遞的方法。 渲染 variable 假設我有一些資料希望放到畫面上，像這樣。 funct...

evan_hsu ‧ 2023-09-22
0 Like 1 留言 335 瀏覽
鐵人賽 Modern Web DAY 6
30天React練功坊-攻克常見實務/面試問題 系列 第 6 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day6: Rendered more hooks than during the previous render.

tags: ItIron2023 react 前言 我們昨天看了一個簡單的條件渲染的範例，了解到為什麼你不該用布林值以外的值作為判斷條件渲染的標準，今天我們繼續...

windate3411 ‧ 2023-09-21
0 Like 0 留言 261 瀏覽
鐵人賽 Modern Web DAY 7
react 學習記錄 系列 第 7 篇

技術 [Day7]我的 react 學習記錄 - component

這篇文章的主要內容 簡單說明什麼是元件化跟 react 裡面元件的種類 什麼是元件？ 把畫面切分成一個個的區塊，並且透過傳入不同的參數讓那個區塊可以重複使用，...

evan_hsu ‧ 2023-09-21
1 Like 1 留言 431 瀏覽
鐵人賽 Modern Web DAY 5
30天React練功坊-攻克常見實務/面試問題 系列 第 5 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day5 An unexpected "0" in the page while doing condition rendering

tags: ItIron2023 react 前言 昨天我們談到了多個類似的state在同一組件的管理問題，以及你可以如何利用一個共用的hanlder去優化，今...

windate3411 ‧ 2023-09-20
0 Like 0 留言 217 瀏覽
鐵人賽 Modern Web DAY 6
react 學習記錄 系列 第 6 篇

技術 [Day6]我的 react 學習記錄 - JSX 跟 babel 的作用

這篇文章的主要內容 簡單說明 JSX 跟 babel 的作用。 JSX 語法 在上一篇文章中有出現一個有點像是 html 的標籤。 const App: Re...

evan_hsu ‧ 2023-09-20
0 Like 1 留言 414 瀏覽
鐵人賽 Modern Web DAY 4
30天React練功坊-攻克常見實務/面試問題 系列 第 4 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day4: Way too many state in a component

tags: ItIron2023 react 前言 昨天我們配合了兩個hook去理解react render的機制以及一些useState & useE...

windate3411 ‧ 2023-09-19
0 Like 0 留言 282 瀏覽
鐵人賽 Modern Web DAY 5
react 學習記錄 系列 第 5 篇

技術 [Day5]我的 react 學習記錄 - react 是什麼

這篇文章的主要內容 簡單介紹一下 react 是什麼。 什麼是 React ? React 是由 Meta 團隊維護的開源 JavaScript Librar...

evan_hsu ‧ 2023-09-19
0 Like 0 留言 317 瀏覽
鐵人賽 Modern Web DAY 12
從Vue學React！不只要會用，還要真的懂～ 系列 第 12 篇

技術 【Day 12】傳遞state給子層用props，但props不只用來傳遞state

在了解state怎麼定義、怎麼操作後，還有一個很重要的部分，就是state在元件中傳遞的方式。這個部分也就是大家普遍都很熟悉的props，不只在Vue中是使用p...

文科少女 ‧ 2023-09-18 ‧團隊曼陀號計畫V
0 Like 0 留言 413 瀏覽
鐵人賽 Modern Web DAY 4
react 學習記錄 系列 第 4 篇

技術 [Day4]我的 react 學習記錄 - 用 webpack 來建立 react 開發環境

這篇文章的主要內容 使用 webpack 建立一個陽春的 TypeScript + react 開發環境 初始化 npm 專案 開啟 terminal 然...

evan_hsu ‧ 2023-09-18
0 Like 0 留言 267 瀏覽
鐵人賽 Modern Web DAY 3
react 學習記錄 系列 第 3 篇

技術 [Day3]我的 react 學習記錄 - webpack

這篇文章的主要內容 簡單介紹 webpack 是什麼。 webpack 是什麼？ 問問現在還算流行的 chatGPT Webpack是一個用於打包、轉換和管...

evan_hsu ‧ 2023-09-17
0 Like 0 留言 243 瀏覽
鐵人賽 Modern Web DAY 11
從Vue學React！不只要會用，還要真的懂～ 系列 第 11 篇

技術 【Day 11】Vue的雙向綁定v-model！React也辦得到嗎？

v-model是vue框架裡面很常見的一種雙向綁定的用法，主要會實作在input、textarea、select等的這些表單標籤上，目的是為了實現資料的雙向同步...

文科少女 ‧ 2023-09-17 ‧團隊曼陀號計畫V
0 Like 0 留言 418 瀏覽
鐵人賽 Modern Web DAY 2
react 學習記錄 系列 第 2 篇

技術 [Day2]我的 react 學習記錄 - npm & node.js

這篇文章的主要內容 簡單說說 npm 跟 node.js 是什麼。 npm & node npm 是 Node Package manager 的簡稱...

evan_hsu ‧ 2023-09-16
0 Like 0 留言 355 瀏覽
鐵人賽 Modern Web DAY 1
react 學習記錄 系列 第 1 篇

技術 [Day1]我的 react 學習記錄 - react 啟動！

在轉職成軟體工程師的這個過程，鐵人賽上大神前輩的文章總是帶給我很多啟發跟想法，自己也希望透過分享的方式讓自己對於 react 有更深入且全面的認識，了解框架運作...

evan_hsu ‧ 2023-09-15
0 Like 0 留言 268 瀏覽
鐵人賽 Modern Web DAY 9
從Vue學React！不只要會用，還要真的懂～ 系列 第 9 篇

技術 【Day 9】Vue & React上的單向資料流的應用

關於單向資料流，昨天已經有針對這麼部分透過程式碼來了解是怎樣的資料流design pattern了，但是單向資料流究竟和Vue和React有什麼關係呢？就讓我們...

文科少女 ‧ 2023-09-15 ‧團隊曼陀號計畫V
0 Like 0 留言 360 瀏覽
鐵人賽 Modern Web DAY 6
從Vue學React！不只要會用，還要真的懂～ 系列 第 6 篇

技術 【Day 6】元件的一生！Vue的生命週期 vs. React的生命週期

昨天看了渲染機制後，緊接著再往前一步來看看元件的生命週期吧！常寫Vue的朋友們應該對生命週期都不陌生，因為偶爾還是會遇到需要透過生命週期API來實現一些功能的時...

文科少女 ‧ 2023-09-12 ‧團隊曼陀號計畫V
0 Like 0 留言 198 瀏覽
鐵人賽 Modern Web DAY 1
React進階班，用typescript與jest製作自己的custom hooks庫 系列 第 1 篇

技術 [Day 1] 為什麼要寫Custom Hook與測試

前言 當我們還是新手時，常常寫了一大堆程式碼，程式碼越來越亂，UI與邏輯瘋狂耦合，發生bug又找不到在哪，又發現好多地方都是差不多的功能，卻每個地方都寫不一樣，...

傻眼甜不辣TanBooLa ‧ 2023-09-10
0 Like 1 留言 375 瀏覽
鐵人賽 Modern Web DAY 4
從Vue學React！不只要會用，還要真的懂～ 系列 第 4 篇

技術 【Day 4】 觸發重新渲染後的下一步 - Reconciliation (上)

昨天已經了解了imutable和mutable特性與觸發畫面重新渲染的關係，今天再另外深入一個與畫面更新有關的部分，也就是Reconciliation，或是稱為...

文科少女 ‧ 2023-09-10 ‧團隊曼陀號計畫V
1 Like 1 留言 364 瀏覽
鐵人賽 Modern Web DAY 3
從Vue學React！不只要會用，還要真的懂～ 系列 第 3 篇

技術 【Day 3】可變特性與不可變特性＆渲染的觸發與Virtual DOM的產生

不論是學習Vue或是學習React，除了學會怎麼使用它們的API或hook外，還必須了解它的渲染機制，這樣才可以避免出現一些預期外的bug而不自知，或是在需要某...

文科少女 ‧ 2023-09-09 ‧團隊曼陀號計畫V
2 Like 0 留言 450 瀏覽
鐵人賽 Modern Web DAY 2
從Vue學React！不只要會用，還要真的懂～ 系列 第 2 篇

技術 【Day 2】這趟旅程，從認識mutable和immutable開始

我們先把什麼Vue不Vue的，React不React的放一旁，從一個很基礎，但很多初學者(包含我)卻沒有好好去理解的關鍵概念開始認識，那就是mutable和im...

文科少女 ‧ 2023-09-08 ‧團隊曼陀號計畫V
0 Like 0 留言 529 瀏覽
鐵人賽 Mobile Development DAY 2
React Native CLI 開發心法 系列 第 2 篇

技術 DAY 2 - React Native 開發的成本與學習的管道

既然想選擇 React Native 作為開發工具，當然要先評估會有哪些成本？是否能負荷？進而開始學習。 使用 React Native CLI 開發 APP...

Ashley ‧ 2023-09-08 ‧團隊曼陀號計畫V
1 Like 0 留言 445 瀏覽
鐵人賽 Modern Web DAY 1
從Vue學React！不只要會用，還要真的懂～ 系列 第 1 篇

技術 【Day 1】為什麼我要從Vue學React？為什麼不只要會用，還要真的懂？

大家好！我是從韓文領域不務正業到軟體產業的文科少女，目前正在前端的世界努力中。因為希望自己能突破Junior的坎，所以為自己立下了一個參加鐵人賽的目標，希望透過...

文科少女 ‧ 2023-09-07 ‧團隊曼陀號計畫V
0 Like 0 留言 446 瀏覽
鐵人賽 Mobile Development DAY 1
React Native CLI 開發心法 系列 第 1 篇

技術 DAY 1 - 前言＆React Native 簡介

前言 預計分享的內容 有感於 React Navie 繁體中文的內容偏少加上在工作中踩了不少坑，因此這次鐵人賽將分享我以網頁前端工程師的角度開發 React N...

Ashley ‧ 2023-09-07 ‧團隊曼陀號計畫V
0 Like 0 留言 228 瀏覽
鐵人賽 Modern Web DAY 2
組裝前端開發工具箱，從 NX 入手 系列 第 2 篇

技術 加入元件庫

首先是元件庫，目前用的最順手的是 MUI ，先把會用到的部分安裝。 pnpm add @mui/material @emotion/react @emotion...

Jasper ‧ 2023-09-03 ‧團隊我在鐵人賽烙賽、也在外木山裸泳◑ω◐
0 Like 1 留言 474 瀏覽
鐵人賽 Modern Web DAY 1
組裝前端開發工具箱，從 NX 入手 系列 第 1 篇

技術 建立 NX 專案

開發累積了些經驗後已經有一些用著趁手的套件，也做了一些將這些套件封裝後的工具，開了新專案的時候可以用 fork 或是將工具發布到 npm 上的方式來重用這些工具...

Jasper ‧ 2023-09-02 ‧團隊我在鐵人賽烙賽、也在外木山裸泳◑ω◐
0 Like 0 留言 547 瀏覽

技術 [React][MUI][Debug筆記] 為什麼ThemeProvider沒有改變背景顏色?

重點 使用MUI元件庫提供的CssBaseline API即可渲染CSS設定至整個網頁 目錄 前情提要 適用情境 發生原因 解決方法 參考文章 前情提要...

greedy0101 ‧ 2023-05-24
0 Like 0 留言 1401 瀏覽

技術 React-Router-Dom v6版本 與 舊版的差異範例

在網路上查找相關文章的時候，發現很多用法已經淘汰了，所以就自己整理這篇來當作筆記。 現在react-router-dom v6 版本改了很多，例如: 不再支援...

AndrewYEE ‧ 2023-03-17
iThome鐵人賽
參賽組數
1123 組
團體組數
52 組
累計文章數
23096 篇
完賽人數
656 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css 程式設計 react vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙