simuty / react-project

预期构建一个全栈应用

愿景

之前将Node作为纯后端，目前将Node作为中间层，想要通过一个前端项目，对react全家桶有个整体认识，并且能够开发相应的前后端应用。

---

一、阶段目标

第一阶段

1. 掌握数据流管理方案--redux及其配套设施；
2. 熟悉react、react-router-dom、react-router的应用场景以及注意事项；
3. 熟练使用antd的组件；
4. 完成前端应用

原生化

1. 尽可能的只用原生组件，目光始终在完成需求上；
2. 尽可能用不同的方式完成同样的需求；
3. 尽可能好的组织代码方式；

第二阶段

1. Eggjs + Mysql 提供数据服务
2. 进一步完善前后端

---

二、参考项目

为了完成目标，会在开源的----react-admin的基础上进行改写并完成一个相对完善的全栈项目。

---

三、技术栈

采用官方脚手架--create-react-app； 大致分为以下几类，还会涉及其余的相关模块等，后续会在相关位置添加链接或单独写文章整理。

1. 语言：
   1. TS、
   2. Less
2. React：
   1. React
   2. react-router
   3. react-router-dom
3. 状态管理：
   1. Redux
   2. React-Redux
   3. Redux-Saga
   4. Immer
4. UI：
   1. Antd
   2. echartsjs
   3. echarts-for-react

---

四、疑问解答🤔️

为何不用dvajs?

综合性很强，但我认为应该先难后易

为何不用umi?

综合性更强，仍旧认为应该先难后易

对比学习node，我觉得先了解express，再写koa，最后采用 egg 是个不错的选择。

建议不要eject!

初心是学习react全家桶，不是webpack【后期有空再学】, 至于less相关配置，可以换个做法

---

五、下载与构建

$ git clone https://github.com/simuty/react-project
$ npm i 
$ npm start

🗣记得切换对应的分支，根据文章匹配的分支🚩

---

六、文章列表

• React实战系列-布局与组件【1】