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

react.js相關文章

共有 208 則文章

5 人追蹤

追蹤

0 Like 0 留言 577 瀏覽

鐵人賽自我挑戰組 DAY 22

React 個人讀書會系列第 22 篇

技術 Day 22 - 路由管理：React Router

什麼是 React Router？ React Router 是 React 生態系中一個重要的 Library，主要處理 React 應用程式中的路由。開發...

秘密基地 ‧ 2023-10-07

0 Like 0 留言 680 瀏覽

鐵人賽 Modern Web DAY 20

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

技術 30天React練功坊-攻克常見實務/面試問題 Day20: useState with complex form

tags: ItIron2023 react 前言我們昨天看了一個有趣的useState問題，了解到initialValue的一些限制，今天我們會再看一個與s...

windate3411 ‧ 2023-10-05

0 Like 0 留言 822 瀏覽

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

鐵人賽 Modern Web DAY 18

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

技術 30天React練功坊-攻克常見實務/面試問題 Day18:UI flicker issue with useEffect

tags: ItIron2023 react 前言昨天我們看了一個誤用useEffect的例子，了解到其實有些東西你不需要靠useEffect也能達成，今天我...

windate3411 ‧ 2023-10-03

0 Like 0 留言 426 瀏覽

鐵人賽自我挑戰組 DAY 21

React 個人讀書會系列第 21 篇

技術 Day 21 - 管理複雜邏輯：useReducer

什麼是 useReducer？ useReducer 是 React 提供的 Hooks 之一，用於管理狀態和處理與狀態相關的操作。它與 useState...

秘密基地 ‧ 2023-10-06

0 Like 0 留言 597 瀏覽

鐵人賽自我挑戰組 DAY 20

React 個人讀書會系列第 20 篇

技術 Day 20 - 重返 Class-Based 元件之旅

在 React 16.8 版本以前，開發者使用不同的方法來撰寫 React 元件，這種方法涉及使用 class 和生命週期方法。儘管如今開發者更傾向於使用函...

秘密基地 ‧ 2023-10-05

0 Like 0 留言 421 瀏覽

鐵人賽自我挑戰組 DAY 19

React 個人讀書會系列第 19 篇

技術 Day 19 - DOM 元素引用：useRef

什麼是 useRef？ useRef 是 React 提供的內建 Hooks 之一，它用於創建一個稱為 ref 的物件，這個 ref 可以用來儲存和訪問在多次...

秘密基地 ‧ 2023-10-04

0 Like 0 留言 379 瀏覽

鐵人賽自我挑戰組 DAY 18

React 個人讀書會系列第 18 篇

技術 Day 18 - 解鎖重用邏輯的力量：Custom Hooks

什麼是Custom Hooks？ Custom Hooks 的核心概念是可重用性，在 React 中，我們可以將可重用的邏輯封裝成 Custom Hooks，...

秘密基地 ‧ 2023-10-03

0 Like 0 留言 813 瀏覽

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

鐵人賽自我挑戰組 DAY 17

React 個人讀書會系列第 17 篇

技術 Day 17 - React Hooks 的規則

我們已經介紹了一些 React Hooks（像是 useState 和 useEffect），在今天的文章中，我們將探討 React Hooks 的工作原理以...

秘密基地 ‧ 2023-10-02

0 Like 0 留言 765 瀏覽

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

鐵人賽自我挑戰組 DAY 16

React 個人讀書會系列第 16 篇

技術 Day 16 - useEffect 的好麻吉：Cleanup Function

什麼是 Cleanup Function？在 React 中，useEffect 允許我們執行副作用操作，同時還提供了一種清理這些副作用的機制。 Clea...

秘密基地 ‧ 2023-10-01

0 Like 0 留言 721 瀏覽

鐵人賽 Modern Web DAY 15

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

技術 30天React練功坊-攻克常見實務/面試問題 Day15: Unintended Re-renders: The Pitfalls of useContext

tags: ItIron2023 react 前言我們前兩天將重點放在React.memo使用上的一些情境與錯誤，接著我們將繼續探討其他造成不必要重複渲染的情...

windate3411 ‧ 2023-09-30

0 Like 0 留言 696 瀏覽

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

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

鐵人賽自我挑戰組 DAY 15

React 個人讀書會系列第 15 篇

技術 Day 15 - 執行副作用：useEffect

為什麼需要 useEffect？以下是一個範例，我們一開始透過 fetch 方法從遠端 API 取得資料，並將取的回來的資料 data.Search 透過...

秘密基地 ‧ 2023-09-30

0 Like 1 留言 933 瀏覽

鐵人賽自我挑戰組 DAY 14

React 個人讀書會系列第 14 篇

技術 Day 14 - 屬性的深層傳遞：Prop Drilling

什麼是 Prop Drilling？當一個父元件包含多個嵌套子元件，並且子元件需要最外層父元件的資料時，我們需要將資料從最頂層傳遞到最底層，讓子元件能夠訪問...

秘密基地 ‧ 2023-09-29

0 Like 1 留言 769 瀏覽

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

鐵人賽自我挑戰組 DAY 13

React 個人讀書會系列第 13 篇

技術 Day 13 - 打造靈活的元件：Children Prop

什麼是 Children Prop？在 React 中，Children Prop 是每個 React 元件會自動接收的一個特殊屬性。 // 每個元件都會有...

秘密基地 ‧ 2023-09-28

0 Like 0 留言 573 瀏覽

鐵人賽自我挑戰組 DAY 12

React 個人讀書會系列第 12 篇

技術 Day 12 - 根據狀態計算：派生狀態

什麼是派生狀態（Derived State）？在 React 中，派生狀態是指從現有的某個狀態或屬性計算出來的狀態，這篇文章將探討派生狀態的概念，以及如何運...

秘密基地 ‧ 2023-09-27

0 Like 0 留言 368 瀏覽

鐵人賽自我挑戰組 DAY 11

React 個人讀書會系列第 11 篇

技術 Day 11 - useState：基於當前狀態更新值

多次調用 set 函式這裡有一個簡單的情境，有一個初始值為 20 的 age 變數，我們想要在按下按鈕時將 age 增加 1。 function App()...

秘密基地 ‧ 2023-09-26

0 Like 0 留言 855 瀏覽

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

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

鐵人賽自我挑戰組 DAY 10

React 個人讀書會系列第 10 篇

技術 Day 10 - 元件的狀態：useState

什麼是 useState？ useState 是 React 中的一個 Hook，用於在函式元件中添加狀態，透過 useState，我們可以在函式元件中定義和...

秘密基地 ‧ 2023-09-25

0 Like 0 留言 429 瀏覽

鐵人賽自我挑戰組 DAY 9

React 個人讀書會系列第 9 篇

技術 Day 09 - 畫面呈現：條件渲染

React 中的條件渲染元件通常需要根據不同的條件顯示不同的內容，在 React 中，我們可以使用 JavaScript 語法（例如if 語句、&&...

秘密基地 ‧ 2023-09-24

0 Like 1 留言 453 瀏覽

鐵人賽自我挑戰組 DAY 8

React 個人讀書會系列第 8 篇

技術 Day 08 - 畫面呈現：列表渲染

React 中的列表渲染在 React 中，列表渲染是一種常見的操作，用於將資料列表渲染為頁面上的元素，這在頁面中是十分常見的一種形式。使用 map 方...

秘密基地 ‧ 2023-09-23

0 Like 0 留言 962 瀏覽

鐵人賽 Modern Web DAY 17

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

技術【Day 17】想要避免多餘的渲染就用它？了解useCallback的最終目的

今天接著延續昨天的主題，來看另一個跟useMemo這個hook一樣都在進行緩存動作的hook，也就是useCallback。今天一樣會把焦點放在我們男主角Rea...

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

0 Like 1 留言 517 瀏覽

鐵人賽自我挑戰組 DAY 7

React 個人讀書會系列第 7 篇

技術 Day 07 - 元件的溝通橋樑：Props

元件的 Props 在 React 中，props（屬性）是實現元件之間資料傳遞的主要機制，特別是在父元件和子元件之間。你可以將 props 想像成...

秘密基地 ‧ 2023-09-22

0 Like 0 留言 589 瀏覽

鐵人賽 Modern Web DAY 16

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

技術【Day 16】不要再重新計算啦！把計算複雜的值緩存起來 - computed & useMemo

需要一個經歷複雜計算所產出的值時，大家通常都會怎麼做呢？是用函式把這個計算過程包裝起來，並回傳出這個計算後的值？還是透過其他的方式達成呢？其實在Vue和Reac...

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

0 Like 1 留言 455 瀏覽

鐵人賽自我挑戰組 DAY 6

React 個人讀書會系列第 6 篇

技術 Day 06 - 元件的外觀：JSX

什麼是 JSX？ JSX（JavaScript XML）是一個 JavaScript 語法擴充，用於描述使用者介面的外觀和工作方式，通常會於 React 元件...

秘密基地 ‧ 2023-09-21

參賽組數

902 組

團體組數

37 組

累計文章數

19860 篇

完賽人數

528 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 17th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# linux windows server css react

IT邦幫忙