iT邦幫忙

react相關文章
共有 1837 則文章
0 Like 0 留言 771 瀏覽
鐵人賽 Modern Web DAY 16
react 學習記錄 系列 第 16 篇

技術 [Day16]我的 react 學習記錄 - useLayoutEffect

這篇文章的主要內容 簡單介紹 useLayoutEffect。 useLayoutEffect useLayoutEffect 是另一種版本的 useEffe...

evan_hsu ‧ 2023-09-30
0 Like 0 留言 1808 瀏覽
鐵人賽 Modern Web DAY 14
30 days of React 系列 第 14 篇

技術 Day 14 - React 的渲染機制以及 state 的過程

先前我們在補充中有稍微提到 Reac 的渲染機制，今天將更深入地學習 React 的渲染是怎麼一回事。 渲染的三階段 當我們在 React 當中組織了元件，並將...

yuu ‧ 2023-09-29 ‧團隊好想工作室 v7.0
0 Like 0 留言 3086 瀏覽
鐵人賽 自我挑戰組 DAY 20
用ChatGPT詠唱來完成工作與點亮前後端技能樹 系列 第 20 篇

技術 【Day20】ChatGPT請教教我：React入門（六）- ref？useRef！forwardRef！useImperativeHandle！

目前這個系列已挑選ChatGPT、前端&React相關章節出版成書！感謝大家的閱讀與支持!《用 ChatGPT 詠唱來點亮 React ＆ 前端技能樹...

一宵三筵 ‧ 2023-10-04
0 Like 0 留言 1763 瀏覽
鐵人賽 Modern Web DAY 25
從Vue學React！不只要會用，還要真的懂～ 系列 第 25 篇

技術 【Day 25】用實作學Redux Toolkit！完成一個購物車(上) - 基本設定＆基本用法

昨天已經先認識了Vuex和Redux這兩個狀態管理的工具了！今天則是會專注看怎麼把Redux使用到React上的部分。當我們想要在React上使用Redux時，...

文科少女 ‧ 2023-10-01 ‧團隊曼陀號計畫V
0 Like 0 留言 3640 瀏覽
鐵人賽 自我挑戰組 DAY 19
用ChatGPT詠唱來完成工作與點亮前後端技能樹 系列 第 19 篇

技術 【Day19】ChatGPT請教教我：React入門（五）- 更多Hook！useMemo！useCallback！自定義Hook！

目前這個系列已挑選ChatGPT、前端&React相關章節出版成書！感謝大家的閱讀與支持!《用 ChatGPT 詠唱來點亮 React ＆ 前端技能樹...

一宵三筵 ‧ 2023-10-03
0 Like 0 留言 2540 瀏覽
鐵人賽 自我挑戰組 DAY 18
用ChatGPT詠唱來完成工作與點亮前後端技能樹 系列 第 18 篇

技術 【Day18】ChatGPT請教教我：React入門（四）- Hook！副作用(Side Effect)？useEffect！

目前這個系列已挑選ChatGPT、前端&React相關章節出版成書！感謝大家的閱讀與支持!《用 ChatGPT 詠唱來點亮 React ＆ 前端技能樹...

一宵三筵 ‧ 2023-10-02
0 Like 0 留言 929 瀏覽
鐵人賽 Modern Web DAY 13
30天React練功坊-攻克常見實務/面試問題 系列 第 13 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day13: ExpensiveComponent re-render causing performance issue

tags: ItIron2023 react 前言 我們昨天用了一個簡單的例子告訴你useRef在哪些情況能派上用場，那並不會是我們唯一一次與useRef打交道...

windate3411 ‧ 2023-09-28
0 Like 0 留言 709 瀏覽
鐵人賽 Modern Web DAY 14
TypeScript 啟動！ 系列 第 14 篇

技術 [Day 14] TypeScript React 初次使用 II

React 實戰 II 昨天我們的專案文件大概如下 . ├── README.md ├── package-lock.json ├── package.json...

叮叮 ‧ 2023-09-29
0 Like 0 留言 842 瀏覽
鐵人賽 Modern Web DAY 13
30 days of React 系列 第 13 篇

技術 Day 13 - 在React中使用state

今天要來學習state的應用，內容包含： 認識state 操作方法 stateHook 什麼是state? 如何理解 state，字面上的意思就是當前的程式...

yuu ‧ 2023-09-28 ‧團隊好想工作室 v7.0
0 Like 0 留言 1132 瀏覽
鐵人賽 Modern Web DAY 15
react 學習記錄 系列 第 15 篇

技術 [Day15]我的 react 學習記錄 - useReducer

這篇文章的主要內容 簡單介紹useReducer。 useReducer 當 state 較為複雜時可以透過 useReducer 來把更新狀態的邏輯一個個拆...

evan_hsu ‧ 2023-09-29
0 Like 0 留言 3650 瀏覽
鐵人賽 自我挑戰組 DAY 17
用ChatGPT詠唱來完成工作與點亮前後端技能樹 系列 第 17 篇

技術 【Day17】ChatGPT請教教我：React入門（三）- 運用JS高階函數，進階JSX組合元件！

目前這個系列已挑選ChatGPT、前端&React相關章節出版成書！感謝大家的閱讀與支持!《用 ChatGPT 詠唱來點亮 React ＆ 前端技能樹...

一宵三筵 ‧ 2023-10-01
0 Like 0 留言 585 瀏覽
鐵人賽 Modern Web DAY 12
設計系統 - Design System 系列 第 12 篇

技術 [Day 12] Design System - Common Hook (二)

本系列文章會在筆者的部落格繼續連載！Design System 101 感謝大家的閱讀！ 本文同步上傳到筆者的個人部落格，裡面透過 Sandpack 直接...

Jing.tech ‧ 2023-09-27
0 Like 0 留言 944 瀏覽
鐵人賽 Modern Web DAY 23
從Vue學React！不只要會用，還要真的懂～ 系列 第 23 篇

技術 【Day 23】利用useReducer ＋ useContext管理複雜的狀態邏輯

我們在前幾天已經認識了useReducer和useContext的用法，今天來點進階的內容，把useReducer和useContext結合在一起使用看看。這兩...

文科少女 ‧ 2023-09-29 ‧團隊曼陀號計畫V
0 Like 1 留言 957 瀏覽
鐵人賽 Modern Web DAY 12
30天React練功坊-攻克常見實務/面試問題 系列 第 12 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day12: Sometimes useState just not good enough

tags: ItIron2023 react 前言 昨天我們看了一個常見的race-condition問題並給出了三種主流的解決方案，今天我們放輕鬆一點，看一個...

windate3411 ‧ 2023-09-27
1 Like 0 留言 724 瀏覽
鐵人賽 SideProject30 DAY 12
用 React 和 Firebase 打造一個完整 side project 吧！ 系列 第 12 篇

技術 Day12：side project 的網頁組成元素

有了規範的提交訊息工具後，就可以放心開始開發了，開發之前要記得讓自己站在對的分支上唷！ 今日分支名稱：feat/component 更換 favicon.ico...

Annie ‧ 2023-09-27
0 Like 0 留言 954 瀏覽
鐵人賽 Modern Web DAY 14
react 學習記錄 系列 第 14 篇

技術 [Day14]我的 react 學習記錄 - createContext & useContext

這篇文章的主要內容 簡單介紹 createContext 跟 useContext 的用途跟使用方法。 createContext & useCont...

evan_hsu ‧ 2023-09-28
0 Like 0 留言 2978 瀏覽
鐵人賽 Modern Web DAY 13
TypeScript 啟動！ 系列 第 13 篇

技術 [Day 13] TypeScript React 初次使用

React 簡介 當我們使用 **create-react-app （CRA）**來建立一個新的 React 專案的時候，專案的結構大致上會像這樣。 dialo...

叮叮 ‧ 2023-09-28
0 Like 0 留言 801 瀏覽
鐵人賽 Modern Web DAY 13
react 學習記錄 系列 第 13 篇

技術 [Day13]我的 react 學習記錄 - react forwardRef & useImperativeHandle

這篇文章的主要內容 簡單介紹 react forwardRef 跟 useImperativeHandle forwardRef 上一篇介紹的 useRef...

evan_hsu ‧ 2023-09-27
0 Like 0 留言 1741 瀏覽
鐵人賽 Modern Web DAY 12
30 days of React 系列 第 12 篇

技術 Day 12 - 在React 處理事件（下）

接著來學習在React當中處理事件，主要會提到React當中的事件傳遞機制，內容如下： React當中的事件傳遞 停止事件傳遞 React當中的捕獲 預防預設...

yuu ‧ 2023-09-27 ‧團隊好想工作室 v7.0
0 Like 0 留言 2690 瀏覽
鐵人賽 自我挑戰組 DAY 16
用ChatGPT詠唱來完成工作與點亮前後端技能樹 系列 第 16 篇

技術 【Day16】ChatGPT請教教我：React入門（二）- State（狀態)

目前這個系列已挑選ChatGPT、前端&React相關章節出版成書！感謝大家的閱讀與支持!《用 ChatGPT 詠唱來點亮 React ＆ 前端技能樹...

一宵三筵 ‧ 2023-09-30
0 Like 0 留言 5331 瀏覽
鐵人賽 自我挑戰組 DAY 15
用ChatGPT詠唱來完成工作與點亮前後端技能樹 系列 第 15 篇

技術 【Day15】ChatGPT請教教我：React入門（一）- 起始安裝、JSX元素、元件！

目前這個系列已挑選ChatGPT、前端&React相關章節出版成書！感謝大家的閱讀與支持!《用 ChatGPT 詠唱來點亮 React ＆ 前端技能樹...

一宵三筵 ‧ 2023-09-29
0 Like 0 留言 1061 瀏覽

技術 如何用TypeScript寫出你的第一個Eslint Rule

在公司實習時遇到了一個問題，我們會用i18n來去做網站的中英文轉換，我們並且會寫一份json來管理我們所有的key，但會遇到一個問題就是說如果一個key在英文有...

Patrick ‧ 2023-10-08
0 Like 0 留言 930 瀏覽
鐵人賽 Modern Web DAY 11
30 days of React 系列 第 11 篇

技術 Day 11 - 在React處理事件（上）

今天要學習如何在React中處理事件，以下是今天會提到的內容： 如何設定事件處理器 如何在事件處理器當中讀取props屬性資料 將事件處理器作為props 傳...

yuu ‧ 2023-09-26 ‧團隊好想工作室 v7.0
0 Like 0 留言 1300 瀏覽
鐵人賽 Modern Web DAY 12
TypeScript 啟動！ 系列 第 12 篇

技術 [Day 12] TypeScript 初見 React.js

在上一回先透過最簡單的 html 與 TypeScript 結合實作一個小場景，接下來我們將會把 React.js 給加入進來，首先簡單介紹一下 React.j...

叮叮 ‧ 2023-09-27
1 Like 0 留言 901 瀏覽
鐵人賽 SideProject30 DAY 10
用 React 和 Firebase 打造一個完整 side project 吧！ 系列 第 10 篇

技術 Day10：使用 Wireframe 線稿拼接網站的功能與畫面(四)

有了服務項目後，顧客已經可以開始預約，進入這個網站的重頭戲。上一篇文章中，眼尖的朋友們一定會發現，對比原先的 Flow Chart 後，好像少了「顧客預約當下沒...

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

技術 【Day 21】管理邏輯複雜的狀態 - useReducer

我們在最一開始的時候，就已經看過最基本用來管理state的hook－useState了，今天再來看看另一個也是用在管理state的hook，就是useReduc...

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

技術 【Day 22】 深層傳遞state！除了props還有其他方式 - proivde & inject和useContext

還記得前幾天有提到因為Vue和React都是以單向資料流為核心，所以資料的傳遞方向都必須是爺爺傳給爸爸，爸爸再傳給兒子嗎？雖然用props層層傳遞state，沒...

文科少女 ‧ 2023-09-28 ‧團隊曼陀號計畫V
0 Like 0 留言 1196 瀏覽
鐵人賽 Modern Web DAY 10
設計系統 - Design System 系列 第 10 篇

技術 [Day 10] Design System - React Slots (插槽) - 實作

本系列文章會在筆者的部落格繼續連載！Design System 101 感謝大家的閱讀！ 本文同步上傳到筆者的個人部落格，裡面透過 Sandpack 直接...

Jing.tech ‧ 2023-09-25
0 Like 0 留言 1086 瀏覽
鐵人賽 Modern Web DAY 10
30天React練功坊-攻克常見實務/面試問題 系列 第 10 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day10: useEffect got called twice with empty dependency array

tags: ItIron2023 react 前言 我們昨天看了一個useEffect在沒有處理好dependency array時發生的問題，今天讓我們再看一...

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

技術 30天React練功坊-攻克常見實務/面試問題 Day11: Race condition with useEffect

tags: ItIron2023 react 前言 我們昨天看了一個看似useEffect在搞事的問題，雖然說不能與它完全無關，但實際上他確實挺無辜的，真要怪的...

windate3411 ‧ 2023-09-26
iThome鐵人賽
參賽組數
929 組
團體組數
32 組
累計文章數
17056 篇
完賽人數
232 人
iT+看影片追技術 看影片追技術 看更多
熱門tag
15th鐵人賽 16th鐵人賽 13th鐵人賽 17th鐵人賽 14th鐵人賽 12th鐵人賽 18th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# linux windows server css
熱門問題
熱門回答
熱門文章
IT邦幫忙