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

0 Like 0 留言 309 瀏覽

鐵人賽 Modern Web DAY 24

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

技術 2023It 30天React練功坊-攻克常見實務/面試問題 Day24: Creating a custom hook for data fetching(interview question)

tags: ItIron2023 react 前言昨天我們看了一個基本的Tab component題目，在那個常見的UI組件上做了一點小小的測試，相信對你們來...

windate3411 ‧ 2023-10-09

0 Like 0 留言 308 瀏覽

技術 redux解析給還不懂的網友

關於react redux，redux對我來說本來搞不清楚,後來我終於搞清楚了,redux是這樣子的....Actions 這個可以先寫, 只要記住action...

rikrik527 ‧ 2019-09-28

0 Like 0 留言 300 瀏覽

鐵人賽 Modern Web DAY 13

react 學習記錄系列第 13 篇

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

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

evan_hsu ‧ 2023-09-27

0 Like 0 留言 297 瀏覽

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

鐵人賽 Modern Web DAY 5

react 學習記錄系列第 5 篇

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

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

evan_hsu ‧ 2023-09-19

0 Like 0 留言 294 瀏覽

鐵人賽 Modern Web DAY 15

react 學習記錄系列第 15 篇

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

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

evan_hsu ‧ 2023-09-29

0 Like 1 留言 290 瀏覽

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

鐵人賽 Modern Web DAY 28

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

技術 30天React練功坊-攻克常見實務/面試問題 Day28: Fetch all synonyms for given word(interview question)

tags: ItIron2023 react 前言昨天我們完成了add emoji onclick的問題，額外用了幾個state以及timer去達到題目的要求...

windate3411 ‧ 2023-10-13

0 Like 0 留言 288 瀏覽

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

鐵人賽 Modern Web DAY 17

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

技術 30天React練功坊-攻克常見實務/面試問題 Day17: useEffect to the rescue, or is it?

tags: ItIron2023 react 前言我們昨天再次看了一個React.memo的錯誤使用例子，你也了解到該如何正確地使用useCallback，我...

windate3411 ‧ 2023-10-02

0 Like 0 留言 284 瀏覽

鐵人賽 Modern Web DAY 28

react 學習記錄系列第 28 篇

技術 [Day28]我的 react 學習記錄 - immer

這篇文章的主要內容簡單介紹 immer。 Immer 在 react 專案裡面我們會希望可以確保所有狀態都是 immutable 的，盡量去避免直接操作現有...

evan_hsu ‧ 2023-10-12

0 Like 0 留言 282 瀏覽

鐵人賽 Modern Web DAY 9

從Vue學React！不只要會用，還要真的懂～系列第 9 篇

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

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

文科少女 ‧ 2023-09-15 ‧團隊曼陀號計畫V

0 Like 0 留言 281 瀏覽

鐵人賽 Modern Web DAY 11

react 學習記錄系列第 11 篇

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

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

evan_hsu ‧ 2023-09-25

0 Like 0 留言 280 瀏覽

鐵人賽 Modern Web DAY 3

react 學習記錄系列第 3 篇

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

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

evan_hsu ‧ 2023-09-17

0 Like 0 留言 276 瀏覽

鐵人賽 Modern Web DAY 19

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

技術 30天React練功坊-攻克常見實務/面試問題 Day19: useState initial value not update after re-render

tags: ItIron2023 react 前言我們昨天看了一個少見的useLayoutEffect的實用例子，很多工具只要正確使用就能發光發熱，但前提是你...

windate3411 ‧ 2023-10-04

0 Like 0 留言 275 瀏覽

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

0 Like 0 留言 274 瀏覽

鐵人賽 Modern Web DAY 22

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

技術 30天React練功坊-攻克常見實務/面試問題 Day22: Simple todo-list(interview question)

tags: ItIron2023 react 前言昨天我們用了一個簡單的問題來測驗你對於react render邏輯的了解程度，相信透過昨天的經驗你應該對於u...

windate3411 ‧ 2023-10-07

0 Like 0 留言 274 瀏覽

鐵人賽 Modern Web DAY 27

react 學習記錄系列第 27 篇

技術 [Day27]我的 react 學習記錄 - react hook form

這篇文章的主要內容簡單介紹 react hook form react hook form 今天要來簡單介紹處理表格輸入跟驗證的好幫手 react hook...

evan_hsu ‧ 2023-10-11

1 Like 0 留言 271 瀏覽

鐵人賽 Modern Web DAY 10

react 學習記錄系列第 10 篇

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

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

evan_hsu ‧ 2023-09-24

0 Like 0 留言 270 瀏覽

鐵人賽 Modern Web DAY 7

react 學習記錄系列第 7 篇

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

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

evan_hsu ‧ 2023-09-21

0 Like 0 留言 265 瀏覽

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

鐵人賽 Modern Web DAY 25

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

技術 30天React練功坊-攻克常見實務/面試問題 Day25: Implement simple pagination(interview question)

tags: ItIron2023 react 前言我們昨天看了一個很水的custom hook題目，希望透過那個水到爆炸的題目你有了解到可以利用custom...

windate3411 ‧ 2023-10-10

0 Like 0 留言 260 瀏覽

鐵人賽 Modern Web DAY 23

react 學習記錄系列第 23 篇

技術 [Day23]我的 react 學習記錄 - react router

這篇文章的主要內容簡單介紹常用的 react 處理用戶端路徑的 library - react router。 react router react 是一個...

evan_hsu ‧ 2023-10-07

0 Like 0 留言 257 瀏覽

鐵人賽 Modern Web DAY 27

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

技術 30天React練功坊-攻克常見實務/面試問題 Day27: Add emojis to the page onclick PartII(interview question)

tags: ItIron2023 react 前言我們昨天做了一個還算有趣的問題，利用state控制整個emoji陣列並決定每個組件要在螢幕的哪處渲染，今天我...

windate3411 ‧ 2023-10-12

0 Like 0 留言 257 瀏覽

鐵人賽 Modern Web DAY 30

react 學習記錄系列第 30 篇

技術 [Day30]我的 react 學習記錄 - 結束啦！

結束了！今天就是最後一天了，終於結束了！！！自己在年初的時候給自己下了一個目標，希望可以參加今年的 IT 鐵人賽，並且順利完賽。想不到這個目標真的達成了...

evan_hsu ‧ 2023-10-14

0 Like 0 留言 254 瀏覽

鐵人賽 Modern Web DAY 26

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

技術 30天React練功坊-攻克常見實務/面試問題 Day26: Add emojis to the page onclick(interview question)

tags: ItIron2023 react 前言我們昨天做了一個簡單的pagination題目，大致上了解一般實務是如何處理這類的情況，包含loading...

windate3411 ‧ 2023-10-11

0 Like 0 留言 252 瀏覽

鐵人賽 Modern Web DAY 9

react 學習記錄系列第 9 篇

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

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

evan_hsu ‧ 2023-09-23

0 Like 0 留言 252 瀏覽

鐵人賽 Modern Web DAY 16

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

技術 30天React練功坊-攻克常見實務/面試問題 Day16: React.memo not working corretly with function as props

tags: ItIron2023 react 前言真是沒完沒了是吧！昨天我們繼續看了一個不必要重複渲染的例子，了解到為什麼切context需要謹慎並再次的請出...

windate3411 ‧ 2023-10-01

0 Like 0 留言 251 瀏覽

鐵人賽 Modern Web DAY 29

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

技術 30天React練功坊-攻克常見實務/面試問題 Day29: Simple Tic-Tac-Toe game(interview question)

tags: ItIron2023 react 前言我們昨天處理了一個實務上常見的面試問題，要你根據某份提供的api文件以及一些指示完成題目的要求，今天我們再來...

windate3411 ‧ 2023-10-14

0 Like 0 留言 250 瀏覽

鐵人賽 Modern Web DAY 14

react 學習記錄系列第 14 篇

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

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

evan_hsu ‧ 2023-09-28

技術 2023It 30天React練功坊-攻克常見實務/面試問題 Day24: Creating a custom hook for data fetching(interview question)

技術 redux解析給還不懂的網友

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

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

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

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

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

技術 30天React練功坊-攻克常見實務/面試問題 Day28: Fetch all synonyms for given word(interview question)

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

技術 30天React練功坊-攻克常見實務/面試問題 Day17: useEffect to the rescue, or is it?

技術 [Day28]我的 react 學習記錄 - immer

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

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

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

技術 30天React練功坊-攻克常見實務/面試問題 Day19: useState initial value not update after re-render

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

技術 30天React練功坊-攻克常見實務/面試問題 Day22: Simple todo-list(interview question)

技術 [Day27]我的 react 學習記錄 - react hook form

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

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

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

技術 30天React練功坊-攻克常見實務/面試問題 Day25: Implement simple pagination(interview question)

技術 [Day23]我的 react 學習記錄 - react router

技術 30天React練功坊-攻克常見實務/面試問題 Day27: Add emojis to the page onclick PartII(interview question)

技術 [Day30]我的 react 學習記錄 - 結束啦！

技術 30天React練功坊-攻克常見實務/面試問題 Day26: Add emojis to the page onclick(interview question)

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

技術 30天React練功坊-攻克常見實務/面試問題 Day16: React.memo not working corretly with function as props

技術 30天React練功坊-攻克常見實務/面試問題 Day29: Simple Tic-Tac-Toe game(interview question)

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

標記使用者

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

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