React Hook useState – React 白話文運動 11
useState 是什麼？useState 是 React 中的一個 Hook，用於在函式元件中添加狀態，透過 useState，我們可以在函式元件中定義和管理狀態資料。useState 返回一個包含兩個值的陣列，其中包括：當前的狀態：在元件首次渲染時，它的值將等同於我們傳遞給 useState 的初始值。
React Hook useState – React 白話文運動 11 Read More »
React 白話文運動
希望能透過「React框架白話文運動」系列文章，利用口語化語表以及簡單的程式碼範例，能讓讀者更明白React的各種應用。
系列文章會講述以下：
1. 了解ES6 JavaScript 語法
2. 了解React的運作原理
3. 了解React的狀態管理
4. 使用React Hook管理狀態並且存取資料
React 生命週期 – React 白話文運動 10
React 生命週期 – 前一篇則針對 React 語法進一步做講解， React JSX – React 白話文運動 06 學會了如何建立一個 React 元件，並且學會了元件之間有父子元件的關係。這一篇則會針對元件，講解元件的生命週期，包含：生命週期三個階段、類別物件的生命週期、函式物件的生命週期。
React 生命週期 – React 白話文運動 10 Read More »
React Props – React 白話文運動 09
React Props – React 白話文運動。這一篇則會針對 React 語法進一步做講解， 前幾篇也學會了如何建立一個 React 元件，並且學會了元件之間有父子元件的關係。這篇會介紹 React Props 的概念，包含了：React 元件宣告、React Props。
React Props – React 白話文運動 09 Read More »
建立React專案 – React 白話文運動 08
建立React專案-React白話文運動：前一篇文章介紹了三個名詞，分別是：Babel 是什麼？Webpack 是什麼？Npm 是什麼？這一篇則是會手把手建立 React 專案，包含：建置環境、建立 React 專案、啟動專案、如何使用 React 擴充套件。這邊也包含：官方 CRA 建置環境以及自建環境。
建立React專案 – React 白話文運動 08 Read More »
Babel & Webpack & NPM – React 白話文運動 07
這一篇會針對三個名詞做一些解釋，這些名詞是建立 React 專案，需要會的工具，包含了：Babel 是什麼？Webpack 是什麼？Npm 是什麼？當然主要介紹的是使用這些工具的概念，但是還是有其他工具可以做選擇，例如：Npm 之於 Yarn。
Babel & Webpack & NPM – React 白話文運動 07 Read More »
React JSX – React 白話文運動 06
React 是開發網頁、手機前端最流行的 JavaScript 套件之一。React 由 Meta 開發，使開發人員能夠創建可重覆使用的元件來完成前端頁面。JSX 也是目前我們比較常看到的 React 寫法 ，因此接下來會介紹，JSX 是什麼？JSX 語法以及使用 JSX 建構 React 元件。
React JSX – React 白話文運動 06 Read More »
React 運作原理 – React 白話文運動 05
React 是開發網頁、手機前端最流行的 JavaScript 套件之一。React 由 Meta（前身為 Facebook）開發，使開發人員能夠創建可重覆使用的元件來完成前端頁面。
不過這邊要注意，嚴格說起來，React 並不是一個框架。這是因為它只負責呈現 UI 的元件。不過，React 為 Angular 和 Vue 等框架提供了另一種解決方式，使我們可以與它一起完成覆雜的前端頁面功能。
React 運作原理 – React 白話文運動 05 Read More »
JavaScript 高階函式 – React 白話文運動 04
這一篇會介紹非常重要的 JavaScript 函式概念 – 高階函式（Higher-order function），高階函數是將一個或多個函數作為參數，或將一個函數作為結果返回的函數。在本文中，我們將深入探討什麽是高階函數、使用高階函數的好處以及如何在實際應用中使用高階函數，函式導向是什麼？純函式、高階函式、柯理化。
JavaScript 高階函式 – React 白話文運動 04 Read More »
JavaScript Async & Await – React 白話文運動 03
歡迎來到 React 白話文運動系列的第三篇，今天我們將深入探討 JavaScript 中的非同步操作，並介紹兩個重要的關鍵字：Async 與 Await。在這篇文章中，我們將透過實例演示非同步操作的概念，以及如何使用 Promise、Fetch、Async 和 Await 來更有效地處理非同步程式碼。
JavaScript Async & Await – React 白話文運動 03 Read More »
JavaScript ES6 Object – React 白話文運動 02
前一篇 JavaScript ES6 介紹了，let、const、var 差異、樣板字面值、箭頭函式。這一篇文章則會介紹 JavaScript ES6 其他新穎的語法，例如：物件解構、物件語法強化、陣列解構、延展運算子，希望透過以上的內容，可以幫助大家更容易學習 React 前端框架。
JavaScript ES6 Object – React 白話文運動 02 Read More »
繁體中文 
English 
简体中文 
日本語