项目踩坑系列（二）——create-react-app + dvaJs

开坑，待写。

• 搭建 + 多页
• dvaJs
• ...待补充

搭建 + 多页

用create-react-app直接新建个项目。
参考官方推荐的方法，npx create-react-app my-app。

之前不清楚npx这个命令，所以也去查了下，参考：npx是什么？，据说是npm 5.2以上版本买一送一带上的，但是我5.3的npm还是没有这个东西，所以自己npm install npx了一下。

不想安装npx的可以用老方法，先全局安装create-react-app，再用create-react-app来创建react项目。

npm install create-react-app -g
create-react-app my-project

创建完之后，进入到对应的目录npm start。这里用的都是默认的配置项，但是鉴于又要搞多页面，所以需要npm run eject一下，导出可配置的模板，然后就可以自己搞事情搞配置了。

搞多页的配置基本和上一篇的vue-cli的配置差不多，跟着搞就ok。之前的react项目都用到了react-redux，这次尝试了dvaJs，如下。

dvaJs

这是一个轻量级的脚手架，官网地址：dvaJs

dva 是基于现有应用架构 (redux + react-router + redux-saga 等)的一层轻量封装，据说是基于 redux 最佳实践 实现的框架。

---

推荐一波react相关的东西
InfoQ上的深入浅出react系列感觉写得非常好的，虽然是15年的文章了_ (:з」∠) _但绝对写得比很多网上混脸熟的水文好

• 深入浅出React（一）：React的设计哲学- 简单之美
• 深入浅出React（二）：React开发神器Webpack
• 深入浅出React（三）：理解JSX和组件
• 深入浅出React（四）：虚拟DOM Diff算法解析
• 深入浅出React（五）：使用Flux搭建React应用程序架构