如何從零開始搭建一個React項目

其實這是個問題?由於剛開始寫React皮毛webpack

雖然在前輩搭好的框架中寫寫簡單的組件(或者用現成的組件)以及簡單的數據通訊,可是要是讓本身着手從零開始搭建一個React項目應該怎麼樣去着手呢?web

  • 須要有個package.json 安裝依賴包 總不能像demo同樣 在文件中引入須要的包和模塊npm

  • webpack 配置 自動化構建的內容json

  • React相關技術棧等...promise

clipboard.png

這個是現有項目的目錄,因此若是我從零開始作的話框架

  1. 新建一些主要目錄 project/src/index.js工具

  2. webpack的配置 主入口 構建生成文件目錄等學習

  3. package.json 配置 有哪些依賴包 構建指令scriptsfetch

  4. 寫幾個簡單的頁面 能讓npm run xxx在本地跑起來spa

去嘗試作一個簡單的項目
學習這些內容
React

  • 設計原理

  • 基礎語法

  • 組件生命週期

  • 組件通訊

ES6/7

  • 新的內容

  • 經常使用的語法諸如let/const/解構等

  • promise/fetch(?)

  • modules

Flux/Redux

  • 解決複雜組件間通訊問題

webpack/npm

  • 構建工具

  • 管理工具

相關文章
相關標籤/搜索