是 Ray 不是 Array

這一章節開始我們將會進入全新的章節，也就是 React CRA 章節，從這個章節開始也會慢慢減少在 CodePen 上的使用，而是開始進入實戰常見得開發環境。

這一篇將會記錄一下該如何替自己的 Vue Vite 專案安裝上 ESLint，並且使用 Airbnb 或 Standard 的規範。

Fragments 是一個實戰上非常常使用的技巧，它可以讓我們在寫 React 的時候，可以不用一定要包一層 `div`，這樣就可以讓我們的 HTML 結構更加乾淨，那麼該怎麼使用呢？讓我們一起來看看吧！

我們在前面章節認識到了許多 React Hooks，但是這些 Hooks 都是由 React 官方所提供的，那如果我們想自訂自己的 Hooks 可不可以？所以這一篇就要來認識 React Hook 中的 Custom Hook。

接下來要來聊一個有趣的 Hook，也就是 `useRef` 這個 Hook，這個 Hook 有什麼特別的功能呢？就讓我們瞧瞧吧！

接著我們要來認識一個很特別的東西，也就是 useReducer，而 useReducer 可以說是 useState 的進階版，因為 useReducer 可以讓我們在處理複雜的狀態時，可以更好的管理狀態，而不是像 useState 一樣，只能用一個變數來管理狀態。

最近發現 vite 編譯之後部署到 GitHub Pages 會突然無法正常運作的問題發生，然後發現是 `_plugin-vue_export-helper` 在搞鬼，所以這一篇記錄一下。

接下來這一篇算是簡單的一篇，因為我們只會快速認識一下 useCallback，而 useCallback 是什麼呢？就讓我們繼續往下看吧。

這一章節開始我們要來介紹一個新的 Hook 也就是 useMemo，但是再說明 useMemo 之前我們先來回顧一下 Vue 裡面與 useMemo 類似的東西，也就是 Vue Computed。

該如何分配自己的時間？該如何最大化自己的時間？這一篇就來簡單分享一下時間。