終究都要學 React 何不現在學呢？ React 基礎 React Router

終究都要學 React 何不現在學呢？ - React Router - Lazy Loading - (28)

這一篇要來介紹 React Router 中很重要一個優化的部分，也就是 Lazy Loading，Lazy Loading 在實在開發上其實是非常重要的，它可以將我們的程式碼分割成不同的 chunk，然後在你需要或請求的時候才去載入相對應檔案，所以這一篇就會來介紹 Lazy Loading 的部分。

2022-10-12 6 分鐘閱讀

閱讀全文

Vue JavaScript React

就算不讀 Clean Code，你也可以把程式碼寫好

這是一篇有點特別的文章，為了寫這一篇我花了約近一年多的時間，而這一篇主要是分享我當助教這段時間所看到的各種 Code 寫法，當然不會原封不動地貼上學生寫的範例，而是會修正過範例，避免學生看到後有不好的影響，因為這一篇僅僅只是分享「你還可以怎麼寫會更好」。

2022-10-11 16 分鐘閱讀

閱讀全文

終究都要學 React 何不現在學呢？ React 基礎 React Router

終究都要學 React 何不現在學呢？ - React Router - Hook - (27)

那麼由於我們主要都是以 React Hook 為主，因此 React Router 也有提供一些 Hook 給我們使用，所以這邊我們也要稍微了解一下有哪些 React Router Hook 是常見的。

2022-10-11 5 分鐘閱讀

閱讀全文

終究都要學 React 何不現在學呢？ React 基礎 React Router

終究都要學 React 何不現在學呢？ - React Router - Link 與 NavLink - (26)

前面我們有稍微提到 Link，但是我們並沒有很認真的去認識它，只是單純帶到如何使用而已，所以這一篇會特別去說明 Link，同時也會介紹到另一個東西，也就是 NavLink 哩。

2022-10-10 6 分鐘閱讀

閱讀全文

終究都要學 React 何不現在學呢？ React 基礎 React Router

終究都要學 React 何不現在學呢？ - React Router - 巢狀路由 - (25)

前面我們已經認識了基本的 React Router，接著我們要認識另一個觀念，也就是巢狀路由，而巢狀路由在實戰開發上是很常見的，因此這一篇我們就必須要來認識一下。

2022-10-09 6 分鐘閱讀

閱讀全文

終究都要學 React 何不現在學呢？ React 基礎 React Router

終究都要學 React 何不現在學呢？ - React Router - 基礎與介紹 - (24)

雖然在極小的專案下，前面章節所學的知識點是很足夠的，但是我們在真正的專案開發上不可能只用前面的知識點而已，因為頁面會隨著專案規模大小越來越複雜，因此我們需要一個能夠幫助我們管理頁面的工具，而這個工具就是 React Router。

2022-10-08 6 分鐘閱讀

閱讀全文

Vite GitHub gh-pages

終究都要學 React 何不現在學呢？ - React Vite - Vite 淺談與 GitHub 部署 - (23)

前一章節基本上我們已經將 Vite + React + Tailwind CSS 的環境準備好了，接下來就是將原本在 CRA 的東西轉移到 Vite 囉。

2022-10-07 9 分鐘閱讀

閱讀全文

React Tailwind CSS 終究都要學 React 何不現在學呢？

終究都要學 React 何不現在學呢？ - React Vite - Vite 建立 - (22)

這一篇開始將會進入另一個新章節也就是 Vite，相信許多人已經在專案上體驗過 Vite，如果還沒也沒關係，接下來會帶你了解會什麼 Vite 很香，以及如何使用 Vite。

2022-10-06 5 分鐘閱讀

閱讀全文

GitHub gh-pages GitHub Pages

終究都要學 React 何不現在學呢？ - React CRA - TodoList 與 GitHub 部署 - (21)

接下來會將第十一天所實作的 TodoList 從 CodePen 移植過來，因此這章節也會整理一下 CRA 順便安裝 Tailwind CSS，讓我們的 TodoList 看起來更好看一點。

2022-10-05 9 分鐘閱讀

閱讀全文

CRA Create React App 終究都要學 React 何不現在學呢？

終究都要學 React 何不現在學呢？ - React CRA - StrictMode 與 WebVitals - (20)

延續上一篇的 CRA 專案，這一天會將剩下兩成沒看過的程式碼稍微認識一下，所以這一篇也會相對簡單輕鬆。

2022-10-04 4 分鐘閱讀

閱讀全文