1. 程式人生 > >React之簡介和安裝

React之簡介和安裝

React簡介:

  • React 是一個用於構建使用者介面的 JavaScript 庫。
  • React主要用於構建UI,很多人認為 React 是 MVC 中的 V(檢視)。
  • React 起源於 Facebook 的內部專案,用來架設 Instagram 的網站,並於 2013 年 5 月開源。

React 特點:
1.宣告式設計 −React採用聲明範式,可以輕鬆描述應用。
2.高效 −React通過對DOM的模擬,最大限度地減少與DOM的互動。
3.靈活 −React可以與已知的庫或框架很好地配合。
4.JSX − JSX 是 JavaScript 語法的擴充套件。React 開發不一定使用 JSX ,但我們建議使用它。
5.元件 − 通過 React 構建元件,使得程式碼更加容易得到複用,能夠很好的應用在大專案的開發中。
6.單向響應的資料流 − React 實現了單向響應的資料流,從而減少了重複程式碼,這也是它為什麼比傳統資料繫結更簡單。

React安裝:
在保證系統有node.js和npm的環境下,使用 create-react-app 快速構建 React 開發環境。
create-react-app 是來自於 Facebook,通過該命令我們無需配置就能快速構建 React 開發環境。
create-react-app 自動建立的專案是基於 Webpack + ES6 。

$ npm install -g create-react-app
$ create-react-app my-app
$ cd my-app/
$ npm start

用VSCode開啟my-app的工程目錄
在這裡插入圖片描述

啟動專案:

npm start

在這裡插入圖片描述