iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

react 學習記錄 系列

分享紀錄自己學習 react 的整個過程,以及自己是如何理解 react 的運作方式。
內容以 react 16.8 之後推出的 hook 寫法搭配 functional component 為主。
也會說明在 react 中常使用的 hook。
其他還會包含一小部分的 npm、webpack 設定,以及其他常見的 react 相關 library。

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

[Day21]我的 react 學習記錄 - useCallback

這篇文章的主要內容 簡單介紹優化 react 的另一個方法 - useCallback useCallback 在 react 裡面除了 object 跟 a...

2023-10-05 ‧ 由 evan_hsu 分享
DAY 22

[Day22]我的 react 學習記錄 - lazy & Suspense

這篇文章的主要內容 簡單介紹 lazy 跟 Suspense 的用途跟用法 lazy lazy 是 react 裡面提供的一個 api 可以讓我們透過非同步的...

2023-10-06 ‧ 由 evan_hsu 分享
DAY 23

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

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

2023-10-07 ‧ 由 evan_hsu 分享
DAY 24

[Day24]我的 react 學習記錄 - emotion

這篇文章的主要內容 簡單介紹 react 裡面 style 的工具 emotion。 Emotion 目前為止都盡量不動到 style 即使有用到也是使用 i...

2023-10-08 ‧ 由 evan_hsu 分享
DAY 25

[Day25]我的 react 學習記錄 - Zustand

這篇文章的主要內容 簡單介紹全域管理工具 Zustand Zustand 現在 react 的相關套件裡面最使用最廣泛的全域管理工具應該是 Redux,在工作...

2023-10-09 ‧ 由 evan_hsu 分享
DAY 26

[Day26]我的 react 學習記錄 - react query

這篇文章的主要內容 簡單介紹非同步的狀態管理工具 react query。 react query 上一篇的最後使用 Zustand 來取得 github 的...

2023-10-10 ‧ 由 evan_hsu 分享
DAY 27

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

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

2023-10-11 ‧ 由 evan_hsu 分享
DAY 28

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

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

2023-10-12 ‧ 由 evan_hsu 分享
DAY 29

[Day29]我的 react 學習記錄 - SSR & Next.js

這篇文章的主要內容 簡單介紹 SSR & Next.js CSR( Client Side Rendering) 在前面有提到 react 是一個 C...

2023-10-13 ‧ 由 evan_hsu 分享
DAY 30

[Day30]我的 react 學習記錄 - 結束啦!

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

2023-10-14 ‧ 由 evan_hsu 分享