第十二屆

self
與 React 交朋友的三十天學習之旅
PH

系列文章

DAY 21

React Router 與 hooks

在 React Router 的部分最後要介紹的是使用 hooks 的方式。 透過 hooks 可以讓我們在設計 Router 上更加的有效率且方便。 而今天這...

DAY 22

Redux 觀念初探

今天要學習的部分是管理應用程式中所有 State 的神器, Redux。 如果沒有它,當我們開發的應得程式越來越複雜的時候,亦或者是 containers 之間...

DAY 23

Redux 同步資料流

記得昨天 Redux 好朋友說今天要透過例子讓我更加了解運作的部分,而今天要先關於處理同步資料時的運作方式。 此外,還特地從元件中的 state 、事件一步步開...

DAY 24

Redux 非同步資料處理 - 使用 Redux Thunk

在 Redux 中我們只能處理同步的資料,並不允許處理非同步的邏輯。 但是在實務上我們常常需要透過串接 api 的方式請求一個非同步的資料到我們的專案中使用,這...

DAY 25

Redux 非同步資料流 - Redux saga 基本用法

今天要學習的是在 Redux 中另一套可以用來處理非同步資料套件: Redux saga。 這套與 Redux thunk 都是目前算是蠻主流的套件,在使用上可...

DAY 26

React Redux 與 Hooks

在版本 7.1 之後, React Redux 也加入了 Hooks,簡化了以往需要透過 connect 方法並傳入 mapStateToProps 與 map...

DAY 27

認識 React Hooks 之二

今天是延續昨天的 Hooks 探索,要學習的是 useReducer 、useCallback、useMemo 與 useRef 。 就讓我們來看看這些 Hoo...

DAY 28

認識 React Hooks 之一

今天要學習的是 React 的新功能 Hook,而 Hook 是 React 在 16.8 版本中新加入的功能,以往只要是需要管理到 state 的話,都一定要...

DAY 29

認識 React Hooks 之三

今天是探索 Hooks 基礎觀念的最後一天,要學習的是 useImperativeHandle、useLayoutEffect 、如何打造自己的 Hook 與使...

DAY 30

完賽日,心得與階段學習驗收

今年度的鐵人賽於今天即將完賽,終於要告一段落啦!!! 回顧這三十天的的學習,給自己打了個差強人意的分數。 不過整體來說還是把 React 的基礎算是有了個基本的...