終究都要學 React 何不現在學呢? - React Router - Link 與 NavLink - (26)
前面我們有稍微提到 Link,但是我們並沒有很認真的去認識它,只是單純帶到如何使用而已,所以這一篇會特別去說明 Link,同時也會介紹到另一個東西,也就是 NavLink 哩。
前面我們有稍微提到 Link,但是我們並沒有很認真的去認識它,只是單純帶到如何使用而已,所以這一篇會特別去說明 Link,同時也會介紹到另一個東西,也就是 NavLink 哩。
前面我們已經認識了基本的 React Router,接著我們要認識另一個觀念,也就是巢狀路由,而巢狀路由在實戰開發上是很常見的,因此這一篇我們就必須要來認識一下。
雖然在極小的專案下,前面章節所學的知識點是很足夠的,但是我們在真正的專案開發上不可能只用前面的知識點而已,因為頁面會隨著專案規模大小越來越複雜,因此我們需要一個能夠幫助我們管理頁面的工具,而這個工具就是 React Router。
前一章節基本上我們已經將 Vite + React + Tailwind CSS 的環境準備好了,接下來就是將原本在 CRA 的東西轉移到 Vite 囉。
這一篇開始將會進入另一個新章節也就是 Vite,相信許多人已經在專案上體驗過 Vite,如果還沒也沒關係,接下來會帶你了解會什麼 Vite 很香,以及如何使用 Vite。
整理這些技術筆記真的很花時間,如果你願意 關閉 Adblock 支持我,我會把這份感謝轉換成更多「踩坑轉避坑」的內容給你!ヽ(・∀・)ノ
接下來會將第十一天所實作的 TodoList 從 CodePen 移植過來,因此這章節也會整理一下 CRA 順便安裝 Tailwind CSS,讓我們的 TodoList 看起來更好看一點。
延續上一篇的 CRA 專案,這一天會將剩下兩成沒看過的程式碼稍微認識一下,所以這一篇也會相對簡單輕鬆。
最近很常遇到一種狀況,滿多人跟我反應影片突然無法觀看了,但是我自己卻可以正常觀看,這邊就來記錄一下我是如何解決這個問題的。
這一章節開始我們將會進入全新的章節,也就是 React CRA 章節,從這個章節開始也會慢慢減少在 CodePen 上的使用,而是開始進入實戰常見得開發環境。
這一篇將會記錄一下該如何替自己的 Vue Vite 專案安裝上 ESLint,並且使用 Airbnb 或 Standard 的規範。
整理這些技術筆記真的很花時間,如果你願意 關閉 Adblock 支持我,我會把這份感謝轉換成更多「踩坑轉避坑」的內容給你!ヽ(・∀・)ノ