框架的学习方法

知识和学习能力是可以迁移的，掌握了 Vue 技术栈，再去学习 React，其迁移成本非常的小，你所需要做的是看文档，比较二者的异同，然后就可以直接上手了，反之也成立。因为 Vue 和 React 的相似度确实蛮高的。 
经过了这三个框架的学习，发现学习可以总结成3个步骤： 
* 第一步：基础学习。撸一遍官方的文档及教程（如果有的话），这时候不推荐其他二手教程，因为以正确的姿势学会走路才能让你后面跑得更快。别在一开始的时候学错了姿势； 
* 第二步：项目驱动学习。要想快速熟练掌握一门框架，少不了大量的写代码。通过项目的方式来写编写大量的代码，可以帮助你快速掌握该框架的用法及踩坑，快速积累经验； 
* 第三步：求知驱动学习。在求知驱动学习过程中，遇到任何产生困惑或者感兴趣的点，都要去深入学习。这样的学习过程虽然比较慢，但是足够的系统，持续学习下去，能让我们对于这个领域保持足够的专业。

第一步：基础学习

基础的重要性已经无需强调了。打好基础才能走得更远。所以在一开始的时候，尽量选择官方文档及教程。优先选择英文原版，如果阅读有困难，退而求其次，选择中文翻译版。撸一遍文档能帮你快速建立对于框架的认识。

第二步：项目驱动学习

技术学习中最推崇的可能就是Learning by doing，做中学。光看文档的学习是不完整的。真正快速有效的学习是通过项目驱动学习。因为通过项目，你能将你学到的知识用于解决实际的问题。在解决问题的过程中，又发现了知识的不足，再反过去查阅文档，学习。一方面，因为正反馈非常及时，会让自己更有成就感；另一方面，也能快速得吸取知识。 
这种方式吸取新知识的效率非常高，能够对新技术进行快速的学习和应用。但是它的缺点便是：不够系统。因此你还需要求知驱动。

第三步：求知驱动学习

在项目驱动学习中，讲究的是效率。但是对于整个框架，你掌握得并不全面、系统。这三个步骤的关系就好比建造一座大厦的过程，先是打地基（基础学习，撸文档），再是搭建建筑的水泥主体框架（项目驱动学习，帮助建立对于框架的整体架构），最后才是上砖，装修（兴趣驱动学习，深入学习，不断补全之前遗漏的知识，完善整体架构）。求知驱动的意义在于通过对于该框架的深入研究，不断完善你的系统知识，最终建立一个完整的系统。所以在项目驱动学习过程之后，你应该花更多的精力这一阶段。通过深入学习来不断构建你的对于这个框架的系统体系。

这三个过程并不是独立隔断的，而是一个不断循环、交替的过程。只有通过这样的交替、循环，才能构建最终的知识体系。

但是很多人会只停留在第二步项目驱动学习就止步不前了。一旦觉得自己能hold住项目开发后，就不再去深入学习了。不会再花时间去补上之前的不足，不再花时间去了解框架或者语言背后的优秀思想及实现。缺少求知驱动学习这一阶段，虽然并不妨碍你成为一个合格、高效的开发者，但是绝对无法让你成为一个优秀的开发者。 

一个优秀的开发者或者说学习者，一定是保持着好奇心和钻研的动力。

2、编写jQuery插件。你需要懂得什么是闭包、原型、函数式用法等等。要想更灵活高效地编写出优质的插件代码，你还要懂得JS面向对象的写法，比如继承。
3、MVVM框架，如VUE、REACT、ANGULAR。只有比较熟练地掌握和运用闭包、原型、函数式等，你才看得懂它们的文档和教程，否则会比较吃力，步步遇坑。
4、NodeJS。除了掌握上述的知识外，你还需要掌握JS模块化的写法，还要掌握一些ES6的语法。

最好的办法 还是 通过项目实践。如果没有好的项目，建议你可以 把 以前做过的项目 改成React来实现试试。然后 不断地优化，遇到问题解决问题，看看别人的博客、自己也做做总结。

对一门语言的深入，光看别人的东西是很难真正掌握的。在一定深度内，程序员的功力和代码量是成正比的，一定要自己花时间去写，期间也去github上看看别人写的东西，发现自己的不足之处，然后反思和解决，这样才能真正理解一门语言或者框架的精髓之处。

不知道你对ES6掌握地如何，如果还不太熟，建议先去看看 阮一峰老师的 ES6入门, 不然可能跟不上官方的更新速度。

越用会发现越多的坑。最开始可能是 createClass 和 ES6 Class 转换、组件生命周期的使用、事件处理函数的传递、设计模块间的引用关系、使用 npm 上的第三方组件等 

等真正做项目了，就更多了， Webpack 的配置、与 jQuery 系组件的整合、引入 Sass 、 Redux 的各种坑（ react-redux 、对于 Immutable 的理解、设计 MiddleWare 等）， API 的设计、 react-router 的层次结构设计，异步加载，权限管理等 

除非已经有现成的项目可以参考，否则我认为楼上的各位觉得几天到一周就能 “学会”，太过于乐观了（或者说站在已经“学会”的上帝视角来看是不准确的） 

React 本身不难，难就难在全家桶的整合，以及如何构建项目。