《React:引领未来的用户界面开发框架》— —自编教程源码

二、JSX

《第二章源码》

• demo1 - 7
  
  • React使用原生Javascript版本
  • React使用JSX语句
  • React自动识别{}，当javascript处理
  • React子节点this.props.children
  • JSX中嵌入javascript;如：条件判断、使用变量、使用函数、使用逻辑与(&&)、使用逻辑或(||)
  • React非DOM属性(key、ref、dangerouslySetInnerHTML)和事件
  • React注释、特殊属性(className、htmlFor)、样式

三、组件的生命周期

《第三章源码》

• demo1
  
  • React组件生命周期

四、数据流

《第四章源码》

• demo1 - 4
  
  • 把props设置为一个对象
  • props用来添加事件处理器
  • propTypes和getDefaultProps
  • state状态

六、组件的复合

《第六章源码》

• demo1
  
  • 组件的复合— —radio & radiogroup

七、mixin

《第七章源码》

• demo1
  
  • mixin

九、表单

《第九章源码》

• demo1 - 7
  
  • 无约束组件和约束组件
  • 表单的label文本框和select选项框
  • 无约束和约束的复选框
  • 表单元素的name属性
  • 多个表单元素与change处理器(1、通过.bind传递其他参数；2、使用DOMNode的name属性来判断需要更新哪个组件的状态)
  • 使用React的addons的LinkedStateMixin
  • 自定义表单组件(“Uncaught TypeError: this.transferPropsTo is not a function”，不知道是不是react库升级后该方法被删了的原因。。)

十、动画

《第十章源码》

• demo1 - 3
  
  • React的css3
  • React的js动画
  • React的requestAnimationFrame动画

十四、构建工具

《第十四章源码》

• 1、gulp+Browserify构建React应用
• 2、webpack构建React应用

十六、构建工具

《第十六章源码》

• 1、react-router路由
• 2、flux架构

有误地方望指正，有帮助记得start哦