鐵人檔案
學習前端開發有各式各樣的工具可以去學習、使用，在探討主題的過程中，我發現React這項工具的很像是平常我們熟悉的CSS、JavaScript、HTML的延伸，而且利用VS Code就能實際操作學習，因此我選擇React入門作為主題，希望透過連續30天的文章，把自己所學的知識拿來分享。
接下來30天的文章，除了整理React的基本概念及基礎，還會稍微介紹其原理，以及最重要的實作練習。
在 Day 8 和 Day 10 的文章已經介紹到 state 和 props 的基本概念 這篇文章主要會說明這兩者的差異以及如何做搭配 State：儲存元...
渲染列表 (Rendering Lists) 在JSX 中要用 {} 包住 JavaScript 表達式（expression）來回傳元素（例如 map()）...
什麼是 useEffect 是 React 內建的 Hook，用來在 Function Component 中處理副作用 (Side Effects)讓我們在畫...
JSON Server 是什麼 JSON Server 可以想像成是一個假後端 ( Fake API )在React中，只要準備一個 db.json 檔案，就可...
前兩篇的文章有介紹到 useEffect 和 JSON Server（假後端），並說明 db.json 的內容應該如何撰寫 這篇文章主要會示範如何將這兩個方...
載入資料 ( Loading ) 和錯誤檢查 (Error) 的用意 使用 API 抓資料時，資料會有一個讀取的動作，因此需要一個載入狀態，讓使用者知道資料還...
我們在前兩篇文章有利用 useEffect 去 fetch 資料，但把這部分和主要元件的程式碼放在一起，會讓整體看起來很冗長，因此這篇文章會說到自定義 Hook...
接下來的的文章會介紹到 React Router 的應用，由於內容比較多，因此會分成上、下兩個部份來介紹。這篇文章主要會介紹 Router 的概念及設置，下一...
