iT邦幫忙

react-hooks相關文章
共有 114 則文章
1 Like 0 留言 789 瀏覽
鐵人賽 影片教學 DAY 6
我讀你看 系列 第 6 篇

技術 [React] 我知道你可能用過，但它為什麼要叫 React Context？

Part 2 of Passing Data Deeply with Context @ ReactJS Doc beta 我知道多數人都聽過或用過 Rea...

pjchender ‧ 2022-09-21 ‧團隊我可能不會完賽
1 Like 0 留言 1343 瀏覽
鐵人賽 Modern Web DAY 6
前端技能樹的十萬個為什麼 系列 第 6 篇

技術 Day 6 - 為什麼要用 React Hooks

前言 React Hooks 已經出現好一陣子了，現在初學 React 的新手，可能都已經用 hook 用得很順手了。 但如果接手到比較舊一點的 React 專...

ycchiuuuu ‧ 2022-09-21
0 Like 0 留言 691 瀏覽
鐵人賽 Modern Web DAY 6
為期 N 天的 react 小冒險 系列 第 6 篇

技術 傳遞 props 的方法 / props.children / 設置 props 預設值 -day6

props 的傳入方法 在 class component 中的話要先呼叫建構子（constructor）並執行 super()將 props 作為引數(arg...

dc88 ‧ 2022-09-20
2 Like 0 留言 590 瀏覽
鐵人賽 Modern Web DAY 5
我們可以不要 component library 了嗎？ 系列 第 5 篇

技術 day05: useElementIsScrollDown, useElementScrollPercentage

想讓 hooks 能夠對應 window 以外的捲動對象，今天來做點加工處理。 成品 useElementIsScrollDown useElement...

查理狐狐 ‧ 2022-09-16
1 Like 0 留言 776 瀏覽
鐵人賽 Modern Web DAY 1
React Hook 不求人，建立自己的 Hook Libary 系列 第 1 篇

技術 [DAY 01] 我知道 React，但 Hook 是什麼?

大家好，我是查理！懷抱著既緊張又期待的心情參加，也抓著朋友們一起組團，這樣就能一起緊張(剉咧等)了。 我們都是在網頁中暢遊的小小工程師，團員丹尼要來做新手友善的...

Charlie ‧ 2022-09-14 ‧團隊桌遊玩樂團
0 Like 0 留言 767 瀏覽
鐵人賽 Modern Web DAY 3
我們可以不要 component library 了嗎？ 系列 第 3 篇

技術 day03: NavBar

做出一個固定在畫面上方的導覽列沒什麼難度，故本日目標是重現 MUI 的 Elevate App bar 與 Hide App bar 這兩種導覽列。 成品...

查理狐狐 ‧ 2022-09-14
1 Like 0 留言 1582 瀏覽

技術 React Custom hook 踩坑日記 - useDebounce

今天要分享的是我們在優化前端時常會做的處理，Debounce & Throttle，那關於這兩個名詞的解釋，網路上有很多專門在講解的文章，也可以參考連結...

LucianoLee ‧ 2022-07-28
1 Like 1 留言 2595 瀏覽

技術 React雜談#1 React-Hook-Form - 建立快速的React表單

有使用過React的同學都知道，用React做輸入控制的時候， 通常做法是建立一個input的state， 具體如下： import { useState }...

pgitguy ‧ 2022-07-26
0 Like 0 留言 699 瀏覽

技術 React Custom hook 踩坑日記 - form hook

今天分享一個簡單又常用到的方法來處理表單，先舉個新手進入React處理表單時常用到的例子： // 使用useState來記錄表單欄位訊息 const [nati...

LucianoLee ‧ 2022-04-12
0 Like 0 留言 976 瀏覽

技術 React Custom hook 踩坑日記 - useToggle

開發React的專案也有好一陣子了，趁著有空閒的時間和大家分享一些我常會在不同專案用到的共同自訂義hook function，這系列會由淺入深啦，所以先從基本的...

LucianoLee ‧ 2022-04-10
0 Like 0 留言 2087 瀏覽
鐵人賽 Mobile Development DAY 13
30 天程式邊緣人 - React Native 的孤獨開發指南 系列 第 13 篇

技術 [Day13] React Native - 整理資料流，使用 Redux 吧！

Redux 官網 在還沒有加入Redux之前，資料在APP中各個view的傳遞會需要翻山越嶺，經過一個庄再到一庄： 有了 Redux 後，所有的資料就會在最上...

Edmond ‧ 2021-09-28 ‧團隊想吃羊肉爐
0 Like 0 留言 889 瀏覽
鐵人賽 Modern Web DAY 11
30天學 React.js 系列 第 11 篇

技術 [Day11] [筆記]React Hooks - UseRef

UseRef useRef 會回傳一個 mutable 的 ref object，.current 屬性為初始為傳入的參數。寫法如下： const refCo...

chunwen ‧ 2021-09-26
4 Like 2 留言 16802 瀏覽
鐵人賽 Modern Web DAY 28
從比入門再往前一點開始，一直到深入React.js 系列 第 28 篇

技術 【Day.28】React進階 - 導入Redux，讓元件溝通更簡潔

(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...

Andy Chang ‧ 2020-10-13
3 Like 0 留言 3380 瀏覽
鐵人賽 Modern Web DAY 27
從比入門再往前一點開始，一直到深入React.js 系列 第 27 篇

技術 【Day.27】React進階 - 用useReducer定義state的更動原則

(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...

Andy Chang ‧ 2020-10-12
3 Like 1 留言 11660 瀏覽
鐵人賽 Modern Web DAY 26
從比入門再往前一點開始，一直到深入React.js 系列 第 26 篇

技術 【Day.26】React進階 - useEffect v.s useLayoutEffect

(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...

Andy Chang ‧ 2020-10-11
1 Like 1 留言 3154 瀏覽
鐵人賽 Modern Web DAY 25
從比入門再往前一點開始，一直到深入React.js 系列 第 25 篇

技術 【Day.25】React進階 - Custom hook | 把React component API模組化吧!

(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...

Andy Chang ‧ 2020-10-10
1 Like 0 留言 3831 瀏覽
鐵人賽 Modern Web DAY 22
從比入門再往前一點開始，一直到深入React.js 系列 第 22 篇

技術 【Day.22】React效能 - 如何處理useContext的效能問題

(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...

Andy Chang ‧ 2020-10-07
2 Like 0 留言 2205 瀏覽
鐵人賽 Modern Web DAY 21
從比入門再往前一點開始，一直到深入React.js 系列 第 21 篇

技術 【Day.21】React效能 - 用useMemo避免函式非必要的執行

(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...

Andy Chang ‧ 2020-10-06
2 Like 0 留言 2017 瀏覽
鐵人賽 Modern Web DAY 20
從比入門再往前一點開始，一直到深入React.js 系列 第 20 篇

技術 【Day.20】React效能 - 用useCallback避免函式的重新定義

(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...

Andy Chang ‧ 2020-10-05
1 Like 0 留言 2818 瀏覽
鐵人賽 Modern Web DAY 19
從比入門再往前一點開始，一直到深入React.js 系列 第 19 篇

技術 【Day.19】React效能 - 用memo避免不必要的重複渲染

(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...

Andy Chang ‧ 2020-10-04
2 Like 0 留言 2369 瀏覽
鐵人賽 Modern Web DAY 18
從比入門再往前一點開始，一直到深入React.js 系列 第 18 篇

技術 【Day.18】開發者工具React Dev tool與useContext的效能問題

(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...

Andy Chang ‧ 2020-10-03
2 Like 0 留言 2959 瀏覽
鐵人賽 Modern Web DAY 17
從比入門再往前一點開始，一直到深入React.js 系列 第 17 篇

技術 【Day.17】React入門 - 利用useContext進行多層component溝通

(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...

Andy Chang ‧ 2020-10-02
3 Like 1 留言 14980 瀏覽
鐵人賽 Modern Web DAY 15
從比入門再往前一點開始，一直到深入React.js 系列 第 15 篇

技術 【Day.15】React入門 - 非控制組件與useRef

(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...

Andy Chang ‧ 2020-09-30
2 Like 0 留言 5726 瀏覽
鐵人賽 Modern Web DAY 13
從比入門再往前一點開始，一直到深入React.js 系列 第 13 篇

技術 【Day.13】React入門 - useEffect(生命週期)

(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...

Andy Chang ‧ 2020-09-28
3 Like 0 留言 5841 瀏覽
鐵人賽 Modern Web DAY 12
從比入門再往前一點開始，一直到深入React.js 系列 第 12 篇

技術 【Day.12】React入門 - useState與解構賦值後的props

(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...

Andy Chang ‧ 2020-09-27
0 Like 0 留言 1455 瀏覽

技術 斯坦的實戰學院 MongoDB, Express, React, Node.js (MERN) - MongoDB建置

Node.js 串接 MongoDB 會在下一篇教學，滿意的朋友請記得關注，未來預計每週2篇技術文章 國外朋友常提到網頁工程師必備 MERN，那MERN究竟...

Stein 斯坦 ‧ 2020-05-22
0 Like 0 留言 6066 瀏覽

技術 【React.js 筆記】- 使用useContext和useReducer進行多層子父元件溝通

接續自己的文章 【React.js入門 - 21】 各階層Component的溝通 在React中常常會遇到需要在多層component的之間溝通的情形。在沒有...

Andy Chang ‧ 2020-05-07
4 Like 1 留言 6170 瀏覽
鐵人賽 Modern Web DAY 28
從 Hooks 開始，讓你的網頁 React 起來 系列 第 28 篇

技術 [Day 28 - 即時天氣] 保存與更新使用者設定的地區資訊 - localStorage 與 useEffect 的搭配使用

感謝 iT 邦幫忙與博碩文化，本系列文章已出版成書「從 Hooks 開始，讓你的網頁 React 起來」，首刷版稅將全額贊助 iT 邦幫忙鐵人賽，歡迎前往購書...

pjchender ‧ 2019-10-14 ‧團隊Wow Doge!
4 Like 1 留言 10669 瀏覽
鐵人賽 Modern Web DAY 27
從 Hooks 開始，讓你的網頁 React 起來 系列 第 27 篇

技術 [Day 27 - 即時天氣] React 中的表單處理（Controlled vs Uncontrolled）以及 useRef 的使用

感謝 iT 邦幫忙與博碩文化，本系列文章已出版成書「從 Hooks 開始，讓你的網頁 React 起來」，首刷版稅將全額贊助 iT 邦幫忙鐵人賽，歡迎前往購書...

pjchender ‧ 2019-10-13 ‧團隊Wow Doge!
3 Like 1 留言 5942 瀏覽
鐵人賽 Modern Web DAY 25
從 Hooks 開始，讓你的網頁 React 起來 系列 第 25 篇

技術 [Day 25 - 即時天氣] 自己的鉤子自己做 - 建立 Custom Hook

感謝 iT 邦幫忙與博碩文化，本系列文章已出版成書「從 Hooks 開始，讓你的網頁 React 起來」，首刷版稅將全額贊助 iT 邦幫忙鐵人賽，歡迎前往購書...

pjchender ‧ 2019-10-11 ‧團隊Wow Doge!
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邦幫忙