iT邦幫忙

react-hooks相關文章
共有 114 則文章
2 Like 0 留言 7096 瀏覽
鐵人賽 Software Development DAY 21
React框架白話文運動 系列 第 21 篇

技術 React白話文運動21-React Hook-useLayoutEffect

前言 嗨，我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我，進而獲得更多資訊...

hogantech ‧ 2022-10-06
0 Like 0 留言 1789 瀏覽
鐵人賽 Modern Web DAY 20
一次打破 React 常見的學習門檻與觀念誤解 系列 第 20 篇

技術 [Day 20] 每一次 render 都有自己的 effects

接續上一章節的概念，我們已經了解到了每一次 render 都有自己的 props 與 state 以及 event handlers，那麼 useEffect...

Zet ‧ 2022-10-05
3 Like 0 留言 6857 瀏覽
鐵人賽 Software Development DAY 20
React框架白話文運動 系列 第 20 篇

技術 React白話文運動20-React Hook-useCallback

前言 嗨，我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我，進而獲得更多資訊...

hogantech ‧ 2022-10-05
0 Like 0 留言 401 瀏覽
鐵人賽 Modern Web DAY 20
為期 N 天的 react 小冒險 系列 第 20 篇

技術 用 react hook 寫一個簡易計算機吧-下-day20

昨天寫到鍵入數字部分，今天接續把 +-/* 跟 = 的運算處理完吧～ 加減乘除 執行 dispatch({ type: "該按鈕的數值" }...

dc88 ‧ 2022-10-04
3 Like 0 留言 6942 瀏覽
鐵人賽 Software Development DAY 19
React框架白話文運動 系列 第 19 篇

技術 React白話文運動19-React Hook-useMemo

前言 嗨，我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我，進而獲得更多資訊...

hogantech ‧ 2022-10-04
2 Like 1 留言 1835 瀏覽
鐵人賽 Modern Web DAY 19
一次打破 React 常見的學習門檻與觀念誤解 系列 第 19 篇

技術 [Day 19] 每一次 render 都有自己的 props、state 以及 event handlers

承接上一張節的脈絡，在我們解析大魔王 useEffect 之前，我們需要先更深入的重新梳理一下 component 生命週期的重要概念：render。 每一次...

Zet ‧ 2022-10-04
1 Like 0 留言 1670 瀏覽
鐵人賽 Modern Web DAY 18
一次打破 React 常見的學習門檻與觀念誤解 系列 第 18 篇

技術 [Day 18] Function component & class component 你可能不知道的關鍵區別

在解析過 React 的畫面更新的核心觀念以及 setState 進階的細節之後，接下來我們會往下一個大主題邁進 — 有關於 component 的 rende...

Zet ‧ 2022-10-03
4 Like 0 留言 5713 瀏覽
鐵人賽 Software Development DAY 18
React框架白話文運動 系列 第 18 篇

技術 React白話文運動18-React Hook-useContext 02

前言 嗨，我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我，進而獲得更多資訊...

hogantech ‧ 2022-10-03
3 Like 0 留言 6824 瀏覽
鐵人賽 Software Development DAY 17
React框架白話文運動 系列 第 17 篇

技術 React白話文運動17-React Hook-useContext 01

前言 嗨，我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我，進而獲得更多資訊...

hogantech ‧ 2022-10-02
0 Like 0 留言 331 瀏覽
鐵人賽 Modern Web DAY 17
為期 N 天的 react 小冒險 系列 第 17 篇

技術 react hook 內的快樂好朋友-useRef-day17

來介紹一下最後一個好朋友 useRef基本上 state 的更新會促成每一次的 re-render而 reference 則是更新後並不會造成 re-rende...

dc88 ‧ 2022-10-01
4 Like 0 留言 7136 瀏覽
鐵人賽 Software Development DAY 16
React框架白話文運動 系列 第 16 篇

技術 React白話文運動16-React Hook-useRef

前言 嗨，我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我，進而獲得更多資訊...

hogantech ‧ 2022-10-01
0 Like 1 留言 1829 瀏覽
鐵人賽 Modern Web DAY 16
一次打破 React 常見的學習門檻與觀念誤解 系列 第 16 篇

技術 [Day 16] Immutable update 物件與陣列的基本功

透過上一篇章的解析，我們已經了解到為什麼我們不應該在 React 中去 mutate state 的資料了。因此，當我們想更新物件或陣列時就必須以 immuta...

Zet ‧ 2022-10-01
0 Like 0 留言 901 瀏覽
鐵人賽 Modern Web DAY 16
用React讓網頁動起來: React基礎與實作 系列 第 16 篇

技術 [Day16]用React讓網站動起來：Context 範例

昨天介紹了context是什麼，以及useContext要怎麼用，今天來介紹一下要怎麼在開發上實際運用context object以及useContext。 建...

時雨 ‧ 2022-10-01 ‧團隊死線衝鋒 Deadline Squad
1 Like 0 留言 333 瀏覽
鐵人賽 Modern Web DAY 16
為期 N 天的 react 小冒險 系列 第 16 篇

技術 react hook 內的快樂好朋友-useCallback / useMemo-day16

useCallback & useMemo 基本上這兩個 hook 主要的作用都是幫助效能優化(減少非必要的渲染)頁面上有多個 component 時，...

dc88 ‧ 2022-09-30
4 Like 0 留言 6929 瀏覽
鐵人賽 Software Development DAY 15
React框架白話文運動 系列 第 15 篇

技術 React白話文運動15-React Hook-useEffect 02

前言 嗨，我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我，進而獲得更多資訊...

hogantech ‧ 2022-09-30
2 Like 0 留言 2300 瀏覽
鐵人賽 Modern Web DAY 15
一次打破 React 常見的學習門檻與觀念誤解 系列 第 15 篇

技術 [Day 15] 維持 React 資料流可靠性的核心關鍵：Immutable state

在 React 當中，state 是可以存放 JavaScript 中的任何資料型別，除了像是字串、數字等直接可以表示值的型別，當然也支援物件或陣列這種以參考（...

Zet ‧ 2022-09-30
0 Like 0 留言 679 瀏覽
鐵人賽 Modern Web DAY 15
用React讓網頁動起來: React基礎與實作 系列 第 15 篇

技術 [Day15] 用React讓網站動起來：useContext

昨天我們用useState、useEffect、react-bootstrap完成了todolist程式，不過在寫程式的過程中，會發現我們傳遞的props隨著功...

時雨 ‧ 2022-09-30 ‧團隊死線衝鋒 Deadline Squad
0 Like 0 留言 361 瀏覽
鐵人賽 Modern Web DAY 15
為期 N 天的 react 小冒險 系列 第 15 篇

技術 react hook 內的快樂好朋友-useReducer-day15

昨天的bmi計算器範例用到了一個未曾見過的新面孔-useReducer 究竟 useReducer 是何方神聖呢現在來進行說明 useReducer 跟其他 r...

dc88 ‧ 2022-09-29
5 Like 0 留言 6644 瀏覽
鐵人賽 Software Development DAY 14
React框架白話文運動 系列 第 14 篇

技術 React白話文運動14-React Hook-useEffect 01

前言 嗨，我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我，進而獲得更多資訊...

hogantech ‧ 2022-09-29
2 Like 1 留言 2129 瀏覽
鐵人賽 Modern Web DAY 14
一次打破 React 常見的學習門檻與觀念誤解 系列 第 14 篇

技術 [Day 14] 以 functional updater 來呼叫 setState

在上一篇的章節中，我們詳細的解析了有關於連續呼叫 setState 時的自動 batching 機制。承著前文的脈絡，我們來探討看看一個延伸的情境：如果我們想基...

Zet ‧ 2022-09-29
0 Like 0 留言 451 瀏覽
鐵人賽 Modern Web DAY 14
為期 N 天的 react 小冒險 系列 第 14 篇

技術 用 react hook 寫一個 bmi 計算機-day14

今天來用 react hook 實作一個 bmi 計算機的小工具 分成三個元件App.js 寫 input onChange 等邏輯的父元件BmiRes.js...

dc88 ‧ 2022-09-28
5 Like 0 留言 7403 瀏覽
鐵人賽 Software Development DAY 13
React框架白話文運動 系列 第 13 篇

技術 React白話文運動13-React Hook-useState 02

前言 嗨，我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我，進而獲得更多資訊...

hogantech ‧ 2022-09-28
1 Like 1 留言 864 瀏覽
鐵人賽 Modern Web DAY 14
擊敗前端面試大作戰！ 系列 第 14 篇

技術 [擊敗前端面試大作戰] React Hooks

今天要來聊 React hooks，Hooks 在 React 16.8 時推出，它提供了更低的學習曲線、更高的可讀性和更輕鬆的 debug。這篇文章會預設你...

bywater529 ‧ 2022-09-28
0 Like 0 留言 570 瀏覽
鐵人賽 Modern Web DAY 13
為期 N 天的 react 小冒險 系列 第 13 篇

技術 用react hook寫一個骰子遊戲吧-下-day 13

繼續把骰子遊戲寫完～回顧一下，昨天達成了1. 產生隨機骰子點數的函式2. 將骰子點數作為 property 傳送到子元件 Dice 中，讓子元件顯示出對應的點數...

dc88 ‧ 2022-09-27
5 Like 0 留言 7627 瀏覽
鐵人賽 Software Development DAY 12
React框架白話文運動 系列 第 12 篇

技術 React白話文運動12-React Hook-useState 01

前言 嗨，我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我，進而獲得更多資訊...

hogantech ‧ 2022-09-27
0 Like 0 留言 326 瀏覽
鐵人賽 Modern Web DAY 12
為期 N 天的 react 小冒險 系列 第 12 篇

技術 用react hook寫一個骰子遊戲吧-上-day 12

今天來用react hook寫一個投骰子遊戲～ 一樣以 codesandbox 作為環境先上傳六張骰子點數的圖片增加 Dash.js 用來顯示主要的遊戲狀態，D...

dc88 ‧ 2022-09-26
6 Like 0 留言 7900 瀏覽
鐵人賽 Software Development DAY 11
React框架白話文運動 系列 第 11 篇

技術 React白話文運動11-React 生命週期 （LifeCycle）

前言 嗨，我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我，進而獲得更多資訊...

hogantech ‧ 2022-09-26
0 Like 0 留言 607 瀏覽
鐵人賽 Modern Web DAY 9
自己工具，自己 React － React學習 系列 第 9 篇

技術 【D9】 製作簡易互動的 .jsx

昨日【D8】有點小問題，其實<div id="result">的值React 已經會幫忙轉譯，可以顯示test，但是從input...

eyelash*睫毛 ‧ 2022-09-24
0 Like 0 留言 462 瀏覽
鐵人賽 Modern Web DAY 8
自己工具，自己 React － React學習 系列 第 8 篇

技術 【D8】 建立更多資訊的 jsx

建立一個比較複雜的 .jsx，讓後面使用這個範本進行作業。這邊嘗試用 .jsx 進行副檔名，非原先的.js。 建立 .jsx 建立一個 ChangeStr.js...

eyelash*睫毛 ‧ 2022-09-23
0 Like 0 留言 623 瀏覽
鐵人賽 Modern Web DAY 7
用React讓網頁動起來: React基礎與實作 系列 第 7 篇

技術 [Day 7]用React 讓網站動起來：提升state（state lifting）

前兩天我介紹了React中很重要的兩個hook：useState和useEffect，這兩個hook幫助我們讓react程式能因應使用者的動作做出變化。不過，若...

時雨 ‧ 2022-09-22 ‧團隊死線衝鋒 Deadline Squad
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邦幫忙