ReactJS 学习路线

Posted 2020-09-14

Node.js：

推荐采用nvm的方式安装，nvm（Node Version Manager）用于Node的版本管理，方便不同版本的Node之间的切换

安装npm，npm（Node Package Manager）Node.js的包管理工具。Node.js社区有非常丰富的javascript包，通过npm可以非常简单的安装、使用，并且还可以把依赖的包同时下载下来。

由于npm的官方源非常慢，所以最好用淘宝的源替换。（淘宝源的同步频率是10分钟）

npm config set registry " https://registry.npm.taobao.org "

 

ReactJS学习资料：

官方文档：https://facebook.github.io/react/docs/installation.html

阮一峰的教程：http://www.ruanyifeng.com/blog/2015/03/react.html

PS：阮老师的教程写的比较早，和目前官方的一些写法有些区别，学些的时候可以尽量尝试转换成官方的写法。同时ReactJS的版本目前相对稳定，但与之前还是有较大的区别，因此查看资料时候请尽量找近期的文章学习。

 

扩展学习：

dvajs：蚂蚁金服基于react和redux轻量级封装的框架。

官方介绍：https://github.com/dvajs/dva/blob/master/README_zh-CN.md

官方文档：https://github.com/dvajs/dva-docs/blob/master/v1/zh-cn/tutorial/01-概要.md

该文档内容较老，但可以有效的了解dva的机制，建议参考下面的两个教程学习：

计数器：https://github.com/dvajs/dva/blob/master/docs/GettingStarted.md

用户管理：https://github.com/sorrycc/blog/issues/18

 

Ant Design：https://ant.design/docs/react/introduce-cn

PS：一个蚂蚁金服基于ReactJS的组件库。

 

其他相关：

FLUX：https://github.com/facebook/flux

Redux：http://redux.js.org

webpack：http://webpack.github.io/docs/

babel：http://babeljs.io