iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
自我挑戰組

與 React 交朋友的三十天學習之旅 系列

約莫一個多月前才決定要參賽,也在當下決定來一趟 React 的學習之旅。
志在透過這一個月上手 React 這套框架的基礎使用。

究竟能不能達成呢? 就讓我們拭目以待XD

鐵人鍊成 | 共 30 篇文章 | 37 人訂閱 訂閱系列文 RSS系列文 團隊好想工作室 v4.0
DAY 21

React Router 與 hooks

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

2020-10-06 ‧ 由 PH 分享
DAY 22

Redux 觀念初探

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

2020-10-07 ‧ 由 PH 分享
DAY 23

Redux 同步資料流

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

2020-10-08 ‧ 由 PH 分享
DAY 24

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

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

2020-10-09 ‧ 由 PH 分享
DAY 25

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

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

2020-10-10 ‧ 由 PH 分享
DAY 26

React Redux 與 Hooks

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

2020-10-11 ‧ 由 PH 分享
DAY 27

認識 React Hooks 之一

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

2020-10-12 ‧ 由 PH 分享
DAY 28

認識 React Hooks 之二

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

2020-10-13 ‧ 由 PH 分享
DAY 29

認識 React Hooks 之三

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

2020-10-14 ‧ 由 PH 分享
DAY 30

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

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

2020-10-15 ‧ 由 PH 分享