iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
SideProject30

30 天大冒險:新手勇闖 React 大秘境 系列

從 0 開始的 React 學習 30天!

鐵人鍊成 | 共 30 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 11

DAY 11 - 狀態管理

⭐任務說明 😸 學習如何把元件在透過使用者觸發後而會有顯示不同的視覺變化 UI 依狀態變化 像是可以判斷某一個輸入欄位由使用者輸入內容之後,下方的按鈕才...

2023-09-26 ‧ 由 karakamin 分享
DAY 12

DAY 12 - 狀態的保留與重置

⭐任務說明 😸 本日任務,學習如何保留與重置狀態 今天將參考官網的範例,實作一個在選擇不同人員時,將會把 textarea 內容重置,執行送出時會紀錄歷...

2023-09-27 ‧ 由 karakamin 分享
DAY 13

DAY 13 - 開始你的 useEffect

⭐任務說明 😸今天的任務是學習使用 useEffect useEffect 是什麼 useEffect 可以處理以下項目 資料請求 設置計時器 操作 D...

2023-09-28 ‧ 由 karakamin 分享
DAY 14

DAY 14 - 請給我 useContext!

⭐任務說明 😸 學習使用 useContext useContext 是什麼 讓當前的元件可以取到其他元件的內容(context),可以達到共享資料,像是...

2023-09-29 ‧ 由 karakamin 分享
DAY 15

DAY 15 - 今天來點 useRef

⭐ 任務說明 😸今天學習如何使用 useRef! useRef 是什麼 透過 useRef 建立一個 ref 對象,並且將他賦予到 React 元件中的...

2023-09-30 ‧ 由 karakamin 分享
DAY 16

DAY 16 - 複雜交給 useReducer

⭐任務說明 😸 學習使用 useReducer useReducer 是什麼 用於管理元件中的狀態,可以處理複雜狀態邏輯 如何使用 import { u...

2023-10-01 ‧ 由 karakamin 分享
DAY 17

DAY 17 - 使用 useCallback 的不變記憶術

⭐任務說明 😸今天學習使用 useCallback useCallback 是什麼 用來記憶函數,以避免該函數被重新渲染 如何使用 const cach...

2023-10-02 ‧ 由 karakamin 分享
DAY 18

DAY 18 - useMemo 讓計算加速

⭐任務說明 😸今天學習使用 useMemo useMemo 是什麼 用來儲存在重新渲染過程中,會使用到的計算結果 如何使用 const cachedValu...

2023-10-03 ‧ 由 karakamin 分享
DAY 19

DAY 19 - Custom Hook

⭐任務說明 😸 學習使用 Custom Hook Custom Hook 是什麼 React 提供可以依照邏輯自行建立 Hook 在開發過程中遇到需要重...

2023-10-04 ‧ 由 karakamin 分享
DAY 20

DAY 20 - React 元件用法

⭐任務說明 😸 今天學習如何使用 React 提供的一些元件 有哪些 <Fragment> <Profiler> &lt...

2023-10-05 ‧ 由 karakamin 分享