技術文章

React 生命週期 – 前一篇則針對 React 語法進一步做講解， React JSX – React 白話文運動 06 學會了如何建立一個 React 元件，並且學會了元件之間有父子元件的關係。這一篇則會針對元件，講解元件的生命週期，包含：生命週期三個階段、類別物件的生命週期、函式物件的生命週期。

React Props – React 白話文運動。這一篇則會針對 React 語法進一步做講解， 前幾篇也學會了如何建立一個 React 元件，並且學會了元件之間有父子元件的關係。這篇會介紹 React Props 的概念，包含了：React 元件宣告、React Props。

建立React專案-React白話文運動：前一篇文章介紹了三個名詞，分別是：Babel 是什麼？Webpack 是什麼？Npm 是什麼？這一篇則是會手把手建立 React 專案，包含：建置環境、建立 React 專案、啟動專案、如何使用 React 擴充套件。這邊也包含：官方 CRA 建置環境以及自建環境。

這一篇會針對三個名詞做一些解釋，這些名詞是建立 React 專案，需要會的工具，包含了：Babel 是什麼？Webpack 是什麼？Npm 是什麼？當然主要介紹的是使用這些工具的概念，但是還是有其他工具可以做選擇，例如：Npm 之於 Yarn。

React 是開發網頁、手機前端最流行的 JavaScript 套件之一。React 由 Meta 開發，使開發人員能夠創建可重覆使用的元件來完成前端頁面。JSX 也是目前我們比較常看到的 React 寫法 ，因此接下來會介紹，JSX 是什麼？JSX 語法以及使用 JSX 建構 React 元件。

React 是開發網頁、手機前端最流行的 JavaScript 套件之一。React 由 Meta（前身為 Facebook）開發，使開發人員能夠創建可重覆使用的元件來完成前端頁面。

不過這邊要注意，嚴格說起來，React 並不是一個框架。這是因為它只負責呈現 UI 的元件。不過，React 為 Angular 和 Vue 等框架提供了另一種解決方式，使我們可以與它一起完成覆雜的前端頁面功能。