React.js + Dva初探

React.js

React官网：https://react.docschina.org/

ES6学习：http://es6.ruanyifeng.com/

Ant Design蚂蚁家框架: https//ant.design/index-cn

Redux状态管理器: https://www.redux.org.cn

Dva脚手架: https://github.com/dvajs/dva

开发环境

1.Node http://nodejs.cn/ 。

2.npm node安装包都带的包管理工具 默认安装。

3.yarn https://yarn.bootcss.com/ 也是包管理工具。

这是官网对Yarn的介绍 ：

Yarn 缓存了每个下载过的包，所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率，因此安装速度更快。

4.IDE看自己喜好，我这里使用的是VSCode。

构建工程

略过复杂的项目搭建，这里我直接使用脚手架进行项目创建，使用的是create-react-app。

还有如Dva这种提前封装好了router，redux等功能。

create-react-app 中只包含了基础的模块 react、react-dom、react-scripts目录结构简单有助于初学了解使用方法。

npm install -g create-react-app 
cd 到你的目录
create-react-app my-app
           

创建了名为 my-app React的工程

成功创建后

cd my-app
    yarn start
           

通过上面的命令 就可以将项目运行起来了，浏览器访问http://localhost:3000/ 就可以看到项目的欢迎页