前言

嗨，我是Hogan
目前在經營自己的自媒體 hogan.tech
主要分享一些有關於程式碼、軟體和科技業經驗分享
有興趣的讀者可以進一步關注我，進而獲得更多資訊唷！

未來文章一併更新於此網站 Hogan.B Lab
並且包含多語系 繁體中文、英文、日文、簡體中文
觀看分類：React 白話文運動、其他系列

如果想要快速查找其他文章請點選目錄

成立 hogan.tech 的初衷是
希望每個正在這條路上探索的人，
都可以透過 Hogan.tech 嘗試進入程式領域。

或許已經很多讀者已經掌握了JavaScript、CSS、HTML等前端基礎知識，但未必了解React前端框架以及JavaScript ES6的進階應用。

因此希望能透過「React框架白話文運動」系列文章，利用口語化語表以及簡單的程式碼範例，能讓讀者更明白React的各種應用。

誰適合閱讀這份文件？

適合：

• 已經有一些程式相關知識的學生

• 未來職涯發展想往軟體前端發展者

• 掌握了基礎JavaScript、CSS、HTML相關知識者

看完這系列文能獲得什麼？

1. 了解ES6 JavaScript 語法
2. 了解React的運作原理
3. 了解React的狀態管理
4. 使用React Hook管理狀態並且存取資料
5. 使用React Router機制
6. 透過Next 伺服器端機制與React做結合

也會在這邊放上連結：

React白話文運動01-介紹
React白話文運動02-ES6（一）
React白話文運動03-ES6（二）
React白話文運動04-非同步的JavaScript
React白話文運動05-高階函式（Higher-order function）
React白話文運動06-React運作原理
React白話文運動07-JSX
React白話文運動08-Babel & Webpack & Npm
React白話文運動09-建立 React 專案
React白話文運動10-React Props
React白話文運動11-React 生命週期 （LifeCycle）
React白話文運動12-React Hook-useState 01
React白話文運動13-React Hook-useState 02
React白話文運動14-React Hook-useEffect 01
React白話文運動15-React Hook-useEffect 02
React白話文運動16-React Hook-useRef
React白話文運動17-React Hook-useContext 01
React白話文運動18-React Hook-useContext 02
React白話文運動19-React Hook-useMemo
React白話文運動20-React Hook-useCallback
React白話文運動21-React Hook-useLayoutEffect
React白話文運動22-React Hook-useReducer
React白話文運動23-Flux 概念
React白話文運動24-React Redux
React白話文運動25-Zustand 01
React白話文運動26-Zustand 02
React白話文運動27-React Router 01
React白話文運動28-React Router 02
React白話文運動29-React Router 03
React白話文運動30-結尾

結語

雖然已使用React 多年，不過此系列文章除了讓自己更深入熟悉React知識以外，最重要的目的，希望可以透過利用口語化語表以及簡單的程式碼範例，能讓讀者更明白React的各種應用。

如果有任何建議與疑問也歡迎留言！

如果喜歡此系列文章，請不吝於按下喜歡及分享，讓更多人看到唷～