收錄了 10 篇相關文章
這一篇是「終究都要學 React 何不現在學呢？」系列的最後一篇了，同時也是目錄，因此也最後分享一下自己學的過程，以及一些心得。
這一篇開始會進入另一個新章節，只是這個章節我只會簡單的拆成兩篇，所以內容相對會少一點，那麼什麼是 Redux 呢？這一篇就讓我們來了解一下吧。
這一篇要來介紹 React Router 中很重要一個優化的部分，也就是 Lazy Loading，Lazy Loading 在實在開發上其實是非常重要的，它可以將我們的程式碼分割成不同的 chunk，然後在你需要或請求的時候才去載入相對應檔案，所以這一篇就會來介紹 Lazy Loading 的部分。
那麼由於我們主要都是以 React Hook 為主，因此 React Router 也有提供一些 Hook 給我們使用，所以這邊我們也要稍微了解一下有哪些 React Router Hook 是常見的。
前面我們有稍微提到 Link，但是我們並沒有很認真的去認識它，只是單純帶到如何使用而已，所以這一篇會特別去說明 Link，同時也會介紹到另一個東西，也就是 NavLink 哩。
整理這些技術筆記真的很花時間，如果你願意 關閉 Adblock 支持我，我會把這份感謝轉換成更多「踩坑轉避坑」的內容給你！ヽ(・∀・)ﾉ
前面我們已經認識了基本的 React Router，接著我們要認識另一個觀念，也就是巢狀路由，而巢狀路由在實戰開發上是很常見的，因此這一篇我們就必須要來認識一下。
雖然在極小的專案下，前面章節所學的知識點是很足夠的，但是我們在真正的專案開發上不可能只用前面的知識點而已，因為頁面會隨著專案規模大小越來越複雜，因此我們需要一個能夠幫助我們管理頁面的工具，而這個工具就是 React Router。
前一章節基本上我們已經將 Vite + React + Tailwind CSS 的環境準備好了，接下來就是將原本在 CRA 的東西轉移到 Vite 囉。
這一篇開始將會進入另一個新章節也就是 Vite，相信許多人已經在專案上體驗過 Vite，如果還沒也沒關係，接下來會帶你了解會什麼 Vite 很香，以及如何使用 Vite。
接下來會將第十一天所實作的 TodoList 從 CodePen 移植過來，因此這章節也會整理一下 CRA 順便安裝 Tailwind CSS，讓我們的 TodoList 看起來更好看一點。
整理這些技術筆記真的很花時間，如果你願意 關閉 Adblock 支持我，我會把這份感謝轉換成更多「踩坑轉避坑」的內容給你！ヽ(・∀・)ﾉ