1、使用 react-app my-app 腳手架構建React 專案執行環境

  當然這裡我們使用react 官方提供的webpack 腳手架工具，這也是大多人的選擇。如果您需要構建自己react 專案，便可大膽應用react 提供的create-react-app 來構建我們的開發環境，這是一個乾淨的模板。 使用它非常簡單，從NPM 中獲取，執行如下命令：

//1、首先全域性安裝我們的react 腳手架工具
npm i create-react-app -g

//2、建立react 專案環境
npm init react-app my-app

cd my-app

//啟動
npm run start
 

React 技術棧在實際專案中的應用

  如上說明使用create-react-app 為我們構建一個基礎的React 執行環境的模板。該模板應當滿足了絕大部分人們的需要。在針對其他React 技術的應用，我們要做的只是安裝我們所需要的依賴模組了，比如一個基本的React 專案，react-router 是必不可少的部分。   預設 create-react-app 建立的模板並沒有 react-router的配置，這需要我們自己配置。以及更多對於其他React 技術棧的應用。為此對一個React 應用中一般應用到一些技術項做為總結。 如下一個基本的React 專案 技術棧的主要應用： react

應用示圖：

對於前面技術點的學習和總結，針對react 專案技術應用的總結，如果您需要搭建一個完整的React 專案。你可以參考使用該React 技術棧應用的模板，關於對react-router，react-redux 等配置也應“一應俱全”，當然也少不了合適自己的webpack 其他配置等。