本篇目录：

• 列表（Lists）
  • 多组件渲染
  • 基本列表组件
• 键（Keys）
  • 使用 keys 提取组件
  • keys 在同辈元素中必须是唯一的
  • keys的内部性
• 在 JSX 中嵌入 map()

Props 验证使用 propTypes，它可以保证我们的应用组件被正确使用，React.PropTypes 提供很多验证器 (validator) 来验证传入数据是否有效。当向 props 传入无效数据时，JavaScript 控制台会抛出警告。

常见的验证器：

React.createClass({
  propTypes: {
    // 可以声明 prop 为指定的 JS 基本数据类型，默认情况，这些数据是可选的
    optionalArray: React.PropTypes.array,
    optionalBool: React.PropTypes.bool,
    optionalFunc: React.PropTypes.func,
    optionalNumber: React.PropTypes.number,
    optionalObject: React.PropTypes.object,
    optionalString: React.PropTypes.string,

本篇目录：

• 状态（State）
  • 什么是状态
  • 函数式组件转化为类组件
  • 类组件中添加State
  • 如何修改State
  • 正确地使用 State(状态)
    • 不要直接修改 state(状态)
    • state(状态) 更新可能是异步的
    • state(状态)更新会被合并
• 生命周期方法
  • 什么是生命周期
• 数据向下流动
• 结语

本篇目录：

• 元素（Elements）
  • 渲染元素到DOM
  • 更新已经渲染的元素
• 组件（Components）
  • 组件的分类
  • 渲染组件
• 属性（Props）
  • Props是只读的

本篇目录：

• 使用场景
• 主要问题以及解决方法
  • 1.如何使得普通用户能够获取自己的上墙页面
  • 2.如何能够及时的展现互动信息
    • 一、定时轮询
    • 二、WebSocket通信
  • 3.互动消息的处理
• 总结
• 拓展延伸