React 學習一

一、什麼是react

       可能是構建現代 Web 應用最佳選擇之一。雖然它僅僅提供了視圖層抽象，但是 React 生態圈組成了一個整體的靈活且可替換的框架。React 擁有簡單整潔的 API、神奇的生態圈以及很棒的社區。你可以看一下我使用 React 的經驗：我爲什麼從 Angular 轉移到了 React。我強烈推薦你仔細考慮一下，選擇 React 而不是其他的框架或庫。畢竟每個人都迫切地想要知道 React 接下來會引領我們走向何方

二、環境搭建

1.監測環境中是否存在，沒有自己百度下單node與npm：

node --version
*v8.3.0
npm --version
*v5.5.1

2.切換包的下載的語言環境

npm install -g cnpm --registry=http://registry.npm.taobao.org

3.創建一個本地的react包

npm install react

npm init -y 命令初始化了一個 npm 項目

npm install react react-dom

4.首先你需要把它安裝成 node 的全局包。你就可以在命令行創建和初始化 React 應用了。

npm install -g 
npm install -g create-react-app

5.通過檢查 create-react-app 的版本來驗證是否安裝成功。

create-react-app --version
*v1.4.1

6.創建一個項目

create-react-app halloWork
cd halloWork

7.打開下載的項目

項目結構：

例：

books/
  README.md
  node_modules/
  package.json
  .gitignore
  public/
    favicon.ico
    index.html
    manifest.json
  src/
    App.css
    App.js
    App.test.js
    index.css
    index.js
    logo.svg
    registerServiceWorker.js

7.啓動項目
// 在 http://localhost:3000 啓動應用
npm start

// 運行所有測試
npm test

// 構建項目的產品文件
npm run build