react 技術棧(全家桶)學習
阿新 • • 發佈:2018-11-26
專案地址
- 託管在 github 上的專案連結:https://github.com/uncleAndyChen/react-full-stack-learning
- 託管在 gitee 上的專案連結 :https://gitee.com/uncleAndyChen/react-full-stack-learning
專案說明
- 本專案分享個人學習 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
個人整理的相關知識點文件
- 相關知識儲備
- js 知識點
- redux 知識點
- React 專案除錯技巧
- 堪比 Java 程式碼除錯的方案:用 WebStorm + JetBrains IDE Support 外掛,在 WebStorm 內除錯程式碼
- redux 官方示例 todomvc 中的 todoList 過濾事件解析
- redux 官方示例 todomvc 兩個警告修復
結合例子程式碼學習
《深入淺出React和Redux》一書的部分章節例子程式碼演練及相關知識點
分支說明
用 Create React App 初始化專案,所有練習程式碼都會體現到 master 分支。
針對某一個知識點,完成練習之後,記錄相關知識點,提交 master,然後從 master 建立一個分支。
獲取(切換至)某分支
以分支 branchName 為例,切換到該分支並拉取最新程式碼
git checkout branchName
git pull
如何參與專案,如何提交 PR?
以下是兩大平臺的幫助文件。