鐵人檔案
學習前端開發有各式各樣的工具可以去學習、使用，在探討主題的過程中，我發現React這項工具的很像是平常我們熟悉的CSS、JavaScript、HTML的延伸，而且利用VS Code就能實際操作學習，因此我選擇React入門作為主題，希望透過連續30天的文章，把自己所學的知識拿來分享。
接下來30天的文章，除了整理React的基本概念及基礎，還會稍微介紹其原理，以及最重要的實作練習。
為什麼需要表單 表單是網站中，收集使用者資料的主要方式，例如我們常登入社群所需要的帳號密碼，甚至是貼文底下的留言，都是一種表單。 React 的表單和一般 HT...
在上一篇文章，有說明如何用 useState 來管理表單輸入，並在送出後看到 console 的結果。 而在這篇文章，我們要利用 POST 方法，把表單資料...
表單驗證的應用 在 Day 21 | React入門：React 中的表單 ( Form ) 的文章當中有提到： 表單是網站中，收集使用者資料的主要方式，例如...
在前幾篇介紹表單的文章中，有說到表單的基本操作以及如何將資料送到後端 但是問題來了：誰來掌握表單輸入的資料？ 舉個更貼近實際的例子：我們需要登入一個帳戶，使...
在 Day 19 | React入門：React Router 路由控制（下） 這篇文章中有介紹到利用 <Link> 和 <NavLink&g...
在開發 React 應用程式時，我們會利用 react-router-dom 來做路由控制，不過，當使用者輸入一個不存在的路徑時，預設情況下的頁面不會顯示任何內...
什麼是 useContext useContext 是 React 提供的其中一個 Hook，用來讀取 Context 的資料。在 React 中，資料通常需要...
在 Day 18 | React入門：React Router 路由控制（上） 和 Day 19 | React入門：React Router 路由控制（下）...
React DevTools Component（元件）是 React 用來建立使用者介面的基本單位 相信有看過 Day 7 | React入門：React...
回顧 這個系列從基礎到實作與應用，大致介紹了一個 Blog 專案可能需要的功能與觀念。內容包含 React 的基本概念、狀態管理、路由控制、表單應用，到開發工具...
