1. 程式人生 > >react 技術棧(全家桶)學習

react 技術棧(全家桶)學習

專案地址

專案說明

  • 本專案分享個人學習 react 全家桶技術棧的一些經驗心得。
  • 學習過程會結合相關示例程式碼,在實踐中學習更有成效。
  • 歡迎補充,可通過 fork + pull request 的方式,參與到該專案。

專案依賴及版本

  • 用 Create React App 初始化專案
    npx create-react-app react-and-redux-demo
    
  • 相關依賴均使用當前最新版(截止 2018-11-06 的最新版)。
    • react v16.6.0
    • redux v4.0.1
    • react-redux v5.1.0

個人整理的相關知識點文件

  1. 相關知識儲備
  2. js 知識點
  3. redux 知識點
  4. React 專案除錯技巧
  5. 堪比 Java 程式碼除錯的方案:用 WebStorm + JetBrains IDE Support 外掛,在 WebStorm 內除錯程式碼
  6. redux 官方示例 todomvc 中的 todoList 過濾事件解析
  7. redux 官方示例 todomvc 兩個警告修復

結合例子程式碼學習

《深入淺出React和Redux》一書的部分章節例子程式碼演練及相關知識點

分支說明

用 Create React App 初始化專案,所有練習程式碼都會體現到 master 分支。
針對某一個知識點,完成練習之後,記錄相關知識點,提交 master,然後從 master 建立一個分支。

獲取(切換至)某分支

以分支 branchName 為例,切換到該分支並拉取最新程式碼

git checkout branchName
git pull

如何參與專案,如何提交 PR?

以下是兩大平臺的幫助文件。

加群一起學習

react stack(react全家桶)
(QQ 群號:683414457,進群密碼:react stack