【React.js 小书】React.js 简介 ​

之前在学习 React.js，看到这个大佬的文章，个人觉得受益良多。但不知道什么原因，我经常不能正常访问大佬的站点。于是，将大佬的文章转载到自己的站点中。如果能访问，可以去大佬的站点查看。
下面就是大佬关于 React.js 的相关文章，希望对大家有帮助。

React.js 简介 ​

React.js 小书是一个开源、免费、专业、简单的 React.js 教程。

React.js 是一个帮助你构建页面 UI 的库。如果你熟悉 MVC 概念的话，那么 React 的组件就相当于 MVC 里面的 View。如果你不熟悉也没关系，你可以简单地理解为，React.js 将帮助我们将界面分成了各个独立的小块，每一个块就是组件，这些组件之间可以组合、嵌套，就成了我们的页面。

一个组件的显示形态和行为有可能是由某些数据决定的。而数据是可能发生改变的，这时候组件的显示形态就会发生相应的改变。而 React.js 也提供了一种非常高效的方式帮助我们做到了数据和组件显示形态之间的同步。

React.js 不是一个框架，它只是一个库。它只提供 UI （view）层面的解决方案。在实际的项目当中，它并不能解决我们所有的问题，需要结合其它的库，例如 Redux、React-router 等来协助提供完整的解决方法。

我们将按照下面的步骤来一步一步来：

• 前端组件化（一）：从一个简单的例子讲起
• 前端组件化（二）：优化 DOM 操作
• 前端组件化（三）：抽象出公共组件类
• React.js 基本环境安装
• 使用 JSX 描述 UI 信息
• 组件的 render 方法
• 组件的组合、嵌套和组件树
• 事件监听
• 组件的 state 和 setState
• 配置组件的 props
• state vs props
• 渲染列表数据
• 实战分析：评论功能（一）
• 实战分析：评论功能（二）
• 实战分析：评论功能（三）
• 前端应用状态管理 —— 状态提升
• 挂载阶段的组件生命周期（一）
• 挂载阶段的组件生命周期（二）
• 更新阶段的组件生命周期
• ref 和 React.js 中的 DOM 操作
• props.children 和容器类组件
• dangerouslySetHTML 和 style 属性
• PropTypes 和组件参数验证
• 实战分析：评论功能（四）
• 实战分析：评论功能（五）
• 实战分析：评论功能（六）
• 高阶组件（Higher-Order Components）
• React.js 的 context
• 动手实现 Redux（一）：优雅地修改共享状态
• 动手实现 Redux（二）：抽离 store 和监控数据变化
• 动手实现 Redux（三）：纯函数（Pure Function）简介
• 动手实现 Redux（四）：共享结构的对象提高性能
• 动手实现 Redux（五）：不要问为什么的 reducer
• 动手实现 Redux（六）：Redux 总结
• 动手实现 React-redux（一）：初始化工程
• 动手实现 React-redux（二）：结合 context 和 store
• 动手实现 React-redux（三）：connect 和 mapStateToProps
• 动手实现 React-redux（四）：mapDispatchToProps
• 动手实现 React-redux（五）：Provider
• 动手实现 React-redux（六）：React-redux 总结
• 使用真正的 Redux 和 React-redux
• Smart 组件 vs Dumb 组件
• 实战分析：评论功能（七）
• 实战分析：评论功能（八）
• 实战分析：评论功能（九）

• 作者：胡子大哈
• 原文链接： http://huziketang.com/books/react