Skip to content

Latest commit

 

History

History
63 lines (38 loc) · 2.47 KB

File metadata and controls

63 lines (38 loc) · 2.47 KB

React学习汇总

http://facebook.github.io/react/docs/getting-started.html https://github.com/petehunt/react-howto/

React简介

React发源自Facebook的PHP框架XHP的一个分支。XHP作为一个PHP框架,旨在每次有请求进来时渲染整个页面。React的产生就是为了把这种重新渲染整个页面的PHP式工作流带到客户端应用中来。

React的本质上是一个“状态机”,可以帮助开发者管理复杂的随着时间而变化的状态。React只关心两件事:

  1. 更新DOM
  2. 响应事件

它并不处理Ajax、路由和数据存储,因此它并不是一个MVVM框架。

React最大的特点在于采用了虚拟DOM的机制,使用了非常高效的算法,计算出虚拟页面当前版本和新版间的差异,基于这些差异对DOM进行必要的最少的更新。而采取这种做法的目的就是最小化重绘,避免不必要的DOM操作(这两点是公认的性能瓶颈)。

React实现了组件化开发的思想,践行了Web Components的理念。

如何踏入React生态圈

在网上搜索了一下资料加上自己的经验,决定参照如何学习React进行React的学习,大致的步骤如文章中所说:

  1. React本身

    1. 官方的教程1react-tutorial
    2. 官方的教程2thinking-in-react
    3. Imooc网的Materliu老师的视频教程React入门
    4. 书籍《React引领未来的用户界面开发框架》
    5. 深入研究React的特点
  2. npm

  3. JavaScript打包工具

  4. ES6

  5. 路由

  6. 内联样式

  7. 服务器端渲染

  8. Flux

  9. Immutable.js

  10. Relay,Falcor等

官方教程Quick start

1. react-tutorial

2. thinking in React

书籍内容

1. JSX

2. 组件的生命周期

3. 数据流

深入了解

1. virtual dom

2. web components