前一章節基本上我們已經將 Vite + React + Tailwind CSS 的環境準備好了，接下來就是將原本在 CRA 的東西轉移到 Vite 囉。
這一篇開始將會進入另一個新章節也就是 Vite，相信許多人已經在專案上體驗過 Vite，如果還沒也沒關係，接下來會帶你了解會什麼 Vite 很香，以及如何使用 Vite。
接下來會將第十一天所實作的 TodoList 從 CodePen 移植過來，因此這章節也會整理一下 CRA 順便安裝 Tailwind CSS，讓我們的 TodoList 看起來更好看一點。
延續上一篇的 CRA 專案，這一天會將剩下兩成沒看過的程式碼稍微認識一下，所以這一篇也會相對簡單輕鬆。
最近很常遇到一種狀況，滿多人跟我反應影片突然無法觀看了，但是我自己卻可以正常觀看，這邊就來記錄一下我是如何解決這個問題的。
整理這些技術筆記真的很花時間，如果你願意 關閉 Adblock 支持我，我會把這份感謝轉換成更多「踩坑轉避坑」的內容給你！ヽ(・∀・)ﾉ
這一章節開始我們將會進入全新的章節，也就是 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 有什麼特別的功能呢？就讓我們瞧瞧吧！
整理這些技術筆記真的很花時間，如果你願意 關閉 Adblock 支持我，我會把這份感謝轉換成更多「踩坑轉避坑」的內容給你！ヽ(・∀・)ﾉ