react 技术栈（全家桶）学习

项目地址

• 托管在 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

个人整理的相关知识点文档

1. react 技术栈学习，相关知识储备
2. react 技术栈学习，js 知识点
3. react 技术栈学习，redux 知识点
4. React+Redux工程目录结构，最佳实践
5. React 项目调试技巧
6. 像用 IDEA 调试 Java 代码一样，用 WebStorm 调试 react 代码
7. redux 官方示例 todomvc 中的 todoList 过滤事件解析
8. redux 官方示例 todomvc 两个警告修复
9. react 项目，在生产环境去掉 propTypes 检查代码，打包时自动去除
10. WebStorm + React 项目，配置 ESLint
11. ESLint 配置文件 .eslintrc 示例及说明
12. react开发，日常经验汇总

结合例子代码学习

• 《React进阶之路》第九章示例 bbs-redux-reselect 解读
• 《深入浅出React和Redux》一书的部分章节例子代码演练及相关知识点

分支说明

用 Create React App 初始化项目，所有练习代码都会体现到 master 分支。
针对某一个知识点，完成练习之后，记录相关知识点，提交 master，然后从 master 创建一个分支。

获取（切换至）某分支

以分支 branchName 为例，切换到该分支并拉取最新代码

git checkout branchName
git pull

如何参与项目，如何提交 PR？

以下是两大平台的帮助文档。

• gitee.com -> Fork + Pull 模式
• github.com -> Creating a pull request from a fork

加群一起学习

（QQ 群号：683414457，进群密码：react stack）

关于作者

• 邮件：andy@lovesofttech.com
• 个人博客：https://www.lovesofttech.com
• CSDN 博客：https://blog.csdn.net/runAndRun
• github: https://github.com/uncleAndyChen
• gitee: https://gitee.com/uncleAndyChen