iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 663 瀏覽

鐵人賽 Modern Web DAY 17

react 學習記錄系列第 17 篇

技術 [Day17]我的 react 學習記錄 - custom hook

這篇文章的主要內容簡單介紹什麼是 custom Hook。 Custom Hook 目前為止都是切分畫面把畫面上的內容拆成小元件做處理，在 react 裡面...

evan_hsu ‧ 2023-10-01

0 Like 0 留言 600 瀏覽

鐵人賽 Modern Web DAY 14

30天React練功坊-攻克常見實務/面試問題系列第 14 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day14: Optimization with React.memo the wrong way

tags: ItIron2023 react 前言我們昨天看了一個不必要re-render造成的效能問題並利用React.memo來解決，到這邊一切相安無事，...

windate3411 ‧ 2023-09-29

0 Like 0 留言 362 瀏覽

鐵人賽 Modern Web DAY 28

組裝前端開發工具箱，從 NX 入手系列第 28 篇

技術 React Module Fedaration

NX 的 React 擴充有提供建立 Module Federation 架構專案的功能，來試試看。首先簡介一下 Module Federation 架構，相...

Jasper ‧ 2023-09-29 ‧團隊我在鐵人賽烙賽、也在外木山裸泳◑ω◐

0 Like 0 留言 529 瀏覽

鐵人賽 Modern Web DAY 16

react 學習記錄系列第 16 篇

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

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

evan_hsu ‧ 2023-09-30

0 Like 0 留言 2670 瀏覽

鐵人賽自我挑戰組 DAY 20

用ChatGPT詠唱來完成工作與點亮前後端技能樹系列第 20 篇

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

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

一宵三筵 ‧ 2023-10-04

0 Like 0 留言 3235 瀏覽

鐵人賽自我挑戰組 DAY 19

用ChatGPT詠唱來完成工作與點亮前後端技能樹系列第 19 篇

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

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

一宵三筵 ‧ 2023-10-03

0 Like 0 留言 2185 瀏覽

鐵人賽自我挑戰組 DAY 18

用ChatGPT詠唱來完成工作與點亮前後端技能樹系列第 18 篇

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

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

一宵三筵 ‧ 2023-10-02

0 Like 0 留言 601 瀏覽

鐵人賽 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 留言 796 瀏覽

鐵人賽 Modern Web DAY 15

react 學習記錄系列第 15 篇

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

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

evan_hsu ‧ 2023-09-29

0 Like 0 留言 3309 瀏覽

鐵人賽自我挑戰組 DAY 17

用ChatGPT詠唱來完成工作與點亮前後端技能樹系列第 17 篇

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

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

一宵三筵 ‧ 2023-10-01

0 Like 1 留言 673 瀏覽

鐵人賽 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

0 Like 0 留言 653 瀏覽

鐵人賽 Modern Web DAY 14

react 學習記錄系列第 14 篇

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

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

evan_hsu ‧ 2023-09-28

0 Like 0 留言 555 瀏覽

鐵人賽 Modern Web DAY 13

react 學習記錄系列第 13 篇

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

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

evan_hsu ‧ 2023-09-27

0 Like 0 留言 2311 瀏覽

鐵人賽自我挑戰組 DAY 16

用ChatGPT詠唱來完成工作與點亮前後端技能樹系列第 16 篇

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

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

一宵三筵 ‧ 2023-09-30

0 Like 0 留言 4212 瀏覽

鐵人賽自我挑戰組 DAY 15

用ChatGPT詠唱來完成工作與點亮前後端技能樹系列第 15 篇

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

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

一宵三筵 ‧ 2023-09-29

0 Like 0 留言 776 瀏覽

鐵人賽 Modern Web DAY 12

TypeScript 啟動！系列第 12 篇

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

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

叮叮 ‧ 2023-09-27

0 Like 0 留言 736 瀏覽

鐵人賽 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 留言 1447 瀏覽

鐵人賽 Modern Web DAY 11

30天React練功坊-攻克常見實務/面試問題系列第 11 篇

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

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

windate3411 ‧ 2023-09-26

0 Like 0 留言 591 瀏覽

鐵人賽 Modern Web DAY 12

react 學習記錄系列第 12 篇

技術 [Day12]我的 react 學習記錄 - useRef

這篇文章的主要內容簡單介紹 useRef hook 的使用方法 useRef useRef 是 react 裡面除了 useState 以外另外一個用來儲存...

evan_hsu ‧ 2023-09-26

0 Like 0 留言 935 瀏覽

鐵人賽 Modern Web DAY 26

組裝前端開發工具箱，從 NX 入手系列第 26 篇

技術 Astro 集成 React 元件

Astro 的特點之一，就是可以使用各家框架的元件，像是 React, Vue, Svelte 等，能夠將不同來源的元件拼合到一頁上，在 Monorepo 的架...

Jasper ‧ 2023-09-27 ‧團隊我在鐵人賽烙賽、也在外木山裸泳◑ω◐

0 Like 0 留言 818 瀏覽

鐵人賽 Modern Web DAY 11

react 學習記錄系列第 11 篇

技術 [Day11]我的 react 學習記錄 - useEffect

這篇文章的主要內容簡單介紹 useEffect useEffect useEffect 是 react 裡面常常使用到到 hook 但是在使用上有很多需要注...

evan_hsu ‧ 2023-09-25

0 Like 0 留言 666 瀏覽

鐵人賽 Modern Web DAY 9

30天React練功坊-攻克常見實務/面試問題系列第 9 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day9: Data fetch with useEffect not work as expected

tags: ItIron2023 react 前言我們昨天看了在渲染陣列時用index作為key的一些隱憂，今天我們輕鬆一點，來看一個相對簡單的問題，但即便是...

windate3411 ‧ 2023-09-24

1 Like 0 留言 657 瀏覽

鐵人賽 Modern Web DAY 10

react 學習記錄系列第 10 篇

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

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

evan_hsu ‧ 2023-09-24

0 Like 0 留言 629 瀏覽

鐵人賽 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 留言 811 瀏覽

鐵人賽 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 留言 640 瀏覽

鐵人賽 Modern Web DAY 9

react 學習記錄系列第 9 篇

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

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

evan_hsu ‧ 2023-09-23

0 Like 0 留言 503 瀏覽

鐵人賽 Modern Web DAY 8

react 學習記錄系列第 8 篇

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

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

evan_hsu ‧ 2023-09-22

0 Like 1 留言 710 瀏覽

鐵人賽 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 留言 721 瀏覽

鐵人賽 Modern Web DAY 7

react 學習記錄系列第 7 篇

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

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

evan_hsu ‧ 2023-09-21

1 Like 1 留言 1057 瀏覽

鐵人賽 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

技術 [Day17]我的 react 學習記錄 - custom hook

技術 30天React練功坊-攻克常見實務/面試問題 Day14: Optimization with React.memo the wrong way

技術 React Module Fedaration

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

技術 [Day12]我的 react 學習記錄 - useRef

技術 Astro 集成 React 元件

技術 [Day11]我的 react 學習記錄 - useEffect

技術 30天React練功坊-攻克常見實務/面試問題 Day9: Data fetch with useEffect not work as expected

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

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

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

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

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

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

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

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

標記使用者

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

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

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

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

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

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