React的学习之路

最近两个星期研究了一下传说中的React框架，工作之余也没太多时间，只是一些浅显的认识，分享出来！

React的学习分以下这么几个步骤：

一：学习React基础，了解什么是React，有什么作用，应用场景是什么，它的特点，为什么用它 

我的理解中，React基础通篇核心就是组件化开发，开发人员都是很“懒”的，平时工作中大多是重复性的劳动，我们也不可避免的去“造轮子”，为了尽可能少的“造轮子”，所以有了“组件化开发”，“模块化开发”，类似的概念。具体详情不说了，自行百度，google！

React说的是一种组件开发的架构思想，以及实现方案，力求开发出的组件，更具扩展性，组合性，独立性，渲染的高效，等优点。

这一部分比较简单，本文不详细介绍具体知识点，初学者建议去看以下几个文章：

React 入门菜鸟教程： http://www.runoob.com/react/react-tutorial.html

阮大神的React入门教程： http://www.ruanyifeng.com/blog/2015/03/react.html

二： 学习React-Router

学会了基本的组件开发后，在实际项目中如果仅仅是使用组件一般没什么问题，如果要使用React尝试开发现在流行的单页应用(SPA)，那么你需要一套和React适配的路由框架，就是React-Router，关于它的学习，我建议可以去看看官方的示例，由浅入深，很不错！

React-Router示例： https://github.com/reactjs/react-router-tutorial/tree/master/lessons

三：学习Flux架构思想

这里借用阮一峰大大的描述：“简单说，Flux 是一种架构思想，专门解决软件的结构问题。它跟MVC 架构是同一类东西，但是更加简单和清晰。”

为什么要学这个？为了解决软件结构问题啊，大型复杂的项目仅仅靠React的基础可没法做到，React基础组件，仅仅只是软件的视图层描述而已，现代的软件复杂程度越来越高，交互的复杂程度也越来越高，如果你的工作涉及到这些，Flux将给你带来一些帮助。

这个建议直接看阮大神的文章：http://www.ruanyifeng.com/blog/2016/01/flux.html

四：学习React-Redux

React-Redux 是Flux架构的一个实现，适配React开发，React + React-Redux + React-Router + webpack 组合使用可以构建大型复杂的项目。React-Redux是实际开发中需要用的，所以学习也是很必要的：

建议看阮一峰的redux系列文章： http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_one_basic_usages.html

最后

其实以上几个部分就差不多了，这里再提一下，React的组件库，ant design( 蚂蚁金服的前端组件库) ，其中推荐使用的Dva框架，这其实是也是一个Redux的框架，基于Flux思想，不过这个框架大大简化了，对于新手来说，我觉得更易于上手！