React 的超級簡介

React 網路上有很多介紹與教學，這邊就不做太多介紹。

React.js 是免費的開放原始碼前端 JavaScript 工具庫，是由 Facebook（現在的 Meta 公司）提出，現由他們與社群進行維護。因為社群的熱絡，加上強大的互動與簡單的入門，使 React 成為現行前端框架中熱門的框架（Framework），

超級簡單的說 React 組成

是經由「宣告式」的方式，為每個場景製作出一個 view，藉此快速的自動更新資料，以及更簡易的維護。

使用有著 state 的 component，可以建立物件讓程式碼不用跟之前的方式－把資料放在 DOM 中，可以使程式碼更簡潔，也更容易閱讀。經由 component，可以構築出複雜的 UI 介面，完全不用擔心犧牲了可用性。

開發工具

開發時，會使用「Visual Studio Code」（簡稱「VS Code」）進行撰寫與執行，然後再經由網頁測試結果。

會選擇 VS Code 最主要是有「React.js IntelliSense」，以及各種豐富的套件可以使用，經由 IntelliSense 和 Syntax highlighting 可以快速的撰寫與降低錯誤，因此是開發的首選。

相關資訊

• Wiki: React.js
• 官網
• VS code - React

後記

下篇會介紹如何安裝 React，與使用 VS Code 撰寫第一個 React 網頁。