iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
自我挑戰組

React 個人讀書會 系列

大家好!

目前工作開發是使用 Vue 框架,那為什麼會進行這次的 React 個人讀書會呢?是因為看了一部 Youtube 上的影片 (2020 Vue vs. React 前端擂台戰),了解到原來 React 有如此多的優點,因此就想來一探究竟。

React 個人讀書會的內容會以 Udemy 上的課程: The Ultimate React Course 2023: React, Redux & More 為主,我會將課程內容內化成自己的知識,來完成這次的 React 學習之旅。

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

Day 21 - 管理複雜邏輯:useReducer

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

2023-10-06 ‧ 由 秘密基地 分享
DAY 22

Day 22 - 路由管理:React Router

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

2023-10-07 ‧ 由 秘密基地 分享
DAY 23

Day 23 - 路由切換:Link 和 NavLink

為什麼不使用 <a> 標籤進行路由導航? 在 React 中,不建議直接使用一般的 <a> 標籤進行導航,原因如下: 重新加載整個頁...

2023-10-08 ‧ 由 秘密基地 分享
DAY 24

Day 24 - 路由層級:嵌套路由

為什麼需要嵌套路由? 在開發中,應用程式常常需要更加複雜的路由結構,例如 /user/profile 和 /user/settings,為了實現這種層次化路由...

2023-10-09 ‧ 由 秘密基地 分享
DAY 25

Day 25 - 在 URL 中儲存資料:動態路由

在 React 中,Router params 的應用對於在不同頁面之間傳遞資料至關重要。今天將介紹如何在 React Router 中使用動態路由,包括建立...

2023-10-10 ‧ 由 秘密基地 分享
DAY 26

Day 26 - 共享資料狀態:Context API

為什麼需要 Context API? 讓我們看一個例子,DComponent 跟 FComponent 需要最頂層 AComponent 的狀態 name,此...

2023-10-11 ‧ 由 秘密基地 分享
DAY 27

Day 27 - 記憶元件:memo

什麼是 memo? memo 函式用於建立一個在其父層重新渲染時不會重新渲染的元件,只要該元件在渲染之間 props 保持不變,但是當元件本身的狀態或是訂閱的...

2023-10-12 ‧ 由 秘密基地 分享
DAY 28

Day 28 - 記憶值和函式:useMemo、useCallback

useMemo 和 useCallback 要解決什麼? 在昨天的文章裡,我們最後有遇到一個問題,當我們傳入的 props 是一個物件時,元件在重新渲染的時候...

2023-10-13 ‧ 由 秘密基地 分享
DAY 29

Day 29 - 共用狀態管理:Redux

什麼是 Redex? Redux 是一個用於狀態管理的第三方 Library,它在概念上類似於使用 Context API + useReducer,因此,如...

2023-10-14 ‧ 由 秘密基地 分享
DAY 30

Day 30 - 旅途休息一下!

心得分享 很高興第二次參加 iThome 鐵人賽也能順利完賽,有了第一次參加的經驗後,對於整體的文章規劃也更加明確,不僅如此,參加 IThome 鐵人賽讓我感...

2023-10-15 ‧ 由 秘密基地 分享