前言

最近从javascript向react的跳跃过程相当的痛苦。可能本身在js的掌握上就存在问题，再加上最近前端的发展实在是突飞猛进。从ES6的公布，再到模块化管理的飞速发展，整个前端简直是天翻地覆。不过，和当年后端从汇编语言向高级语言的飞跃相比，这次的飞跃还是需要对js相当的熟练，直接上手难度较高。这里先简单的罗列一下我在学习过程中使用的一些参考资料供大家分享。

javascript篇

书本

JavaScript高级程序设计（第3版）非扫描版 适合新手入门js
JavaScript DOM编程艺术(中文第2版) 适合对js的渗入理解

网络教程

廖雪峰的javascript全栈教学 这个教程挺全面，而且也更新到了ES6

React篇

react是一个前端页面框架，用于模块化htML界面上的各个元素。

react官方网站 从react的tutorial开始自己实现一个tic-tac-toe，然后开始阅读document
通过react实现一个简单的web游戏 试着看懂作者的代码

React dva

这是蚂蚁金服推出的在react的基础上实现的集成框架。它可以让你暂时免去类似于webpack等集成工具的学习。但是dva的学习真的是很烦恼，因为它涉及了不少的基本的框架例如redux，react-router。当你试着去看它的docs的时候可能不得不在很多的教程之间跳来跳去。
所以我将看教程的过程给大家整理一下：

dva 知识图 不同于react，这里先看一遍知识图，了解必备的ES6以及相应的框架中的模块的功能
dva 快速实践 这里可以利用dva工具直接创建一个demo项目，在完成了这个项目后可以在返回上一个文档重温一下这些概念
dva 正式文档

辅助知识

redux教程 因为dva遵循了redux的思想，可以深入挖掘一下
react-router 廖雪峰的教程 恩还没看，不过可以通过这个教程简单了解一下react-router

还有很多的教程正在路上。react可谓是颠覆了整个前端的思路，将前端从仅仅是操纵DOM中彻底升级。后序我会继续分享我的教程之旅~