ReactJS 学习指南之方法篇


我得了不配图会死的病!


前言

  由于有朋友问到“如何快速入门ReactJS”这个问题,作为小菜鸡,我这里就分享下自己的入门过程。
  不同的人有不同的学习方式,我选择的只是自己比较习惯的思路。对于 ReactJS 的学习,主要分为2个部分。第一部分当然是 ReactJS 框架本身;第二部分则是建立在其之上的 ReactJS 数据流管理架构,比如 Flux ,Redux ,Reflux等,因为我平时用的是 Redux,所以这里也就只介绍它,至于其他的架构,大家可以自行去研究,本质上差异不大。

ReactJS

  1. 先认真读几遍该文章:一看就懂的 ReactJs 入门教程
  2. 学习极客学院上梁杰的 ReactJS 视频(需vip 账号),视频的播放顺序是从上到下,从右向左。地址如下:
  ReactJS 视频
  3. 通读 ReactJS 官方文档。因为 ReactJS 中文站点有时更新不及时,所以可以先看中文文档,遇到和实际项目不一致的地方时,再去看英文文档。前期只需看完《浏览器中的工作原理》即可。
  React文档(中)
  React文档(英)

Redux

  对于 Redux 的学习,难度会比原生的 ReactJS 大一点。
  个人觉得,主要原因在于 Redux 使用的是函数式编程,它不同于以往我们接触到的面向过程和面向对象方式。函数式编程看上去会简洁很多,但同时也会让刚接触的人有一种黑魔法的感觉。因为 Redux 本身封装了很多原生的 API,这些原生方法在调用的时候,会让你有一种很直观的感觉就是“为什么我调用它后,会有这么神奇的效果”。
  要想搞定这点,建议还是在遇到疑惑时,去看看 Redux 的源码,不过这里并不需去阅读整个源码,而是仔细研究下 Redux 中那几个最常用 API 的内部实现,这会很大程度上帮助你理解其原理。
  首先,我们还是需要去看下 Redux 的官方文档,这里也分别给出中/英两个版本,可以自行选择:
  Redux 中文文档
  Redux 英文文档
  如果在看文档时,遇到有疑惑的地方,可以看看下面3篇不错的博文,非常推荐。
  1. React 数据流管理架构之 Redux 介绍
  2. Redux学习之一:何为middleware?
  3. Redux学习之二:从action到store?

MaybeXia wechat
欢迎您扫一扫上面的微信公众号,订阅我的博客!
坚持原创分享,您的支持将鼓励我继续创作!