鐵人檔案
React 是 Facebook 開發的一套 JavaScript 函式庫，負責產生與管理網頁前端使用者介面，因其引用 Virtual DOM 的機制與元件化的開發，避免繁複的 DOM 操作而提高網頁性能，大幅降低邏輯複雜性、開發難度以及可能產生錯誤的機會。
本系列文章將會先介紹使用 React 時常用的 ES6 語法，接著介紹 React 的基礎用法並且搭配範例程式碼幫助讀者瞭解基本觀念，最後以實際開發的方式帶領讀者們一步步完成像這樣一個簡易的專案管理網站(https://tjcyd.csb.app/)，全程使用免費的線上開發工具 CodeSandbox 避免麻煩的環境設定。
讀者進入以下網址：https://codesandbox.io/s/new，就能進到由 CodeSandbox 提供的線上開發環境以及使用 create-re...
讀者進入以下網址：https://codesandbox.io/s/new，就能進到由 CodeSandbox 提供的線上開發環境以及使用 create-re...
讀者進入以下網址：https://codesandbox.io/s/new，就能進到由 CodeSandbox 提供的線上開發環境以及使用 create-re...
讀者進入以下網址：https://codesandbox.io/s/new，就能進到由 CodeSandbox 提供的線上開發環境以及使用 create-re...
如果只能用 props 傳遞資料有什麼缺點？ 我們知道元件之間是互相獨立的，唯一的溝通方式就是透過 props 來傳遞資料，而且傳遞資料的方向是單一由上而下，也...
命令式編程 vs 宣告式編程 在開始進入正式主題前，我們先來談談兩種不同的編程方式 - 命令式編程(imperative programming)與宣告式編程(...
如果我們希望在元件中儲存某個值，即使元件重新執行時還能保留，我們可以使用 React 提供的 useRef。 useRef 的使用方式 const ref =...
讀者進入以下網址：https://codesandbox.io/s/new，就能進到由 CodeSandbox 提供的線上開發環境以及使用 create-re...
React 的 useReducer 提供開發者另外一種管理 state 的方式，適合用在資料結構或是更新邏輯比較複雜的情況，而 useReducer 用來更新...
網站簡介 前面 19 篇文章，大致介紹了一些常用的 ES6 語法和 React 的基本觀念與用法，接下來我們要來使用 React 做出一個簡易型的專案管理網站，...
