打開求職網站發現不少公司都是要求會前端三大框架，不知不覺已經成為前端工程師的標準配備了，好多公司都用React開發 ，不愧是前端框架市佔率最高的！假設學會了React，對於找工作這件事應該是有一點點幫助的。

除了這個現實的理由，也是因為目前公司的專案都是用vue開發 ，基本上沒什麼機會碰React，好奇React跟vue有什麼樣的差異 ，以及學習過vue之後，碰React的學習曲線是否沒有那麼陡峭了？(想當初vue都不會，就碰angular，就像誤入狼群的小綿羊啊…）

畢竟從沒寫過React，所以接下來的學習筆記會是參考React官方的tutorial跟著練習，同時以React為關鍵字去估狗得到的資訊去延伸拼湊出一個學習脈絡，可能就會是沒那麼系統性的 （隨興）

寫過vue發現，雖然框架提供了很多語法糖，但是對於原生js的熟悉度和一些基本觀念還是很重要的，這點在React應該更能體會，因為沒什麼語法糖，所以對js不熟悉的話，應該會覺得很有難度，希望我撐得住XD
根據以往學習一個框架的經驗，就是會遇到很多自己沒預期到的錯誤或是踩到一些雷，到時候也會一併的記錄下來。

如果有前輩看到錯誤的地方，歡迎指正，救救菜逼八

react的特點

• 支援ie8
• 元件化的設計，可以將ui拆分的更細，重複性使用
• 強大的生態圈
• 利用Virtual DOM 來提升效能

文章目錄

[Day 02] 利用create-react-app來開發React
[Day 03] create-react-app資料夾結構
[Day 04] 理解React Virtual DOM
[Day 05] React JSX - html 和JavaScript的完美結合
[Day 06] 一磚一瓦-React Component
[Day 07] Functional Component v.s Class Component
[Day 08] React lifeCycle 生命週期
[Day 09] React State & props
[Day 10] React CSS 最重要的小事（上）
[Day 11] React CSS 最重要的小事（下）
[Day 12] React event - 事件處理
[Day 13] React Higher-Order Components (HOC)
[Day 14] 用React Ref 來操作DOM
[Day 15] React controlled components v.s uncontrolled components
[Day 16] React 呼叫api with fetch & axios
[Day 17] React Developer Tools除錯工具
[Day 18] 像是迷霧森林的React Redux
[Day 19] Redux Middleware
[Day 20] 用Redux Thunk 來處理非同步action
[Day 21] React Hooks (上)-useState&useEffect
[Day 22]React hook(中)-useContext&useReducer
[Day 23] React hook(下)-useMemo&useRef
[Day 24] React Router- 指路者
[Day 25] React Portal 任意門
[Day 26] React memory leak - 記憶體洩漏
[Day 27] 利用React Suspense & React Lazy來優化載入速度
[Day 28] 用React 來做一個todolist吧！
[Day 29] 用React 來寫ooxx 小遊戲
[Day 30] React 完賽心得