收錄了 10 篇相關文章
延續上一篇的 CRA 專案，這一天會將剩下兩成沒看過的程式碼稍微認識一下，所以這一篇也會相對簡單輕鬆。
這一章節開始我們將會進入全新的章節，也就是 React CRA 章節，從這個章節開始也會慢慢減少在 CodePen 上的使用，而是開始進入實戰常見得開發環境。
Fragments 是一個實戰上非常常使用的技巧，它可以讓我們在寫 React 的時候，可以不用一定要包一層 `div`，這樣就可以讓我們的 HTML 結構更加乾淨，那麼該怎麼使用呢？讓我們一起來看看吧！
我們在前面章節認識到了許多 React Hooks，但是這些 Hooks 都是由 React 官方所提供的，那如果我們想自訂自己的 Hooks 可不可以？所以這一篇就要來認識 React Hook 中的 Custom Hook。
接下來要來聊一個有趣的 Hook，也就是 `useRef` 這個 Hook，這個 Hook 有什麼特別的功能呢？就讓我們瞧瞧吧！
整理這些技術筆記真的很花時間，如果你願意 關閉 Adblock 支持我，我會把這份感謝轉換成更多「踩坑轉避坑」的內容給你！ヽ(・∀・)ﾉ
接著我們要來認識一個很特別的東西，也就是 useReducer，而 useReducer 可以說是 useState 的進階版，因為 useReducer 可以讓我們在處理複雜的狀態時，可以更好的管理狀態，而不是像 useState 一樣，只能用一個變數來管理狀態。
接下來這一篇算是簡單的一篇，因為我們只會快速認識一下 useCallback，而 useCallback 是什麼呢？就讓我們繼續往下看吧。
這一章節開始我們要來介紹一個新的 Hook 也就是 useMemo，但是再說明 useMemo 之前我們先來回顧一下 Vue 裡面與 useMemo 類似的東西，也就是 Vue Computed。
前面章節雖然我們已經認識了基本的 JSX 的部分，但這一篇我們會更深入的認識了解 JSX，讓我們在開發的時候可以少一點雷點，甚至活用一些技巧。
前一篇我們已經完成了一個簡單版的 React TodoList，接著這一篇我們要來針對這個簡單版的 TodoList 優化一下，讓它變得更完整。
整理這些技術筆記真的很花時間，如果你願意 關閉 Adblock 支持我，我會把這份感謝轉換成更多「踩坑轉避坑」的內容給你！ヽ(・∀・)ﾉ