react.js结构

核心react.js结构

-- 安装
-- createClass与class的不同
-- 生命周期
-- jsx
    |-- 写法
    |-- 空格
    |-- 注释
    |-- 展开属性
-- 界面渲染
    |-- 自定义属性
    |-- style和class
        |-- 在html文件中使用
        |-- 在js文件中使用
            |-- 小驼峰法
            |-- 浏览器前缀，除了ms浏览器外，开头全部大写
    |-- 条件渲染
    |-- 列表渲染
        |-- 避免:使用数组索引作为key
        |-- 避免:在dom元素上展开props对象
-- 事件
    |-- 合成事件
        |-- 小驼峰法
        |-- 绑定方法与手动绑定
            |-- 是否需要bind
            |-- 能够传递参数
            |-- 何时手动绑定
    |-- 原生事件
        |-- addEventListner和removeEventListner
-- 表单
    |-- 输入框(单行与多行)、单选框与复选框、选择器、
-- 组件
    |-- 组件的通信:props和state(如何实现传值)
        |-- props
            |-- 默认props
            |-- props 类型检查
                |-- 具体参考官网，官网很详细
                |-- 通用校验
                |-- 校验数组或者对象的元素
                |-- 是否必传
            |-- 函数共享
            |-- 通过props控制子组件执行不同的方法
            |-- 快速接收props:新闻列表
            |-- props.children
        |-- state
            |-- 什么数据需要使用state声明
            |-- setState时会发生什么
            |-- setState 同步和异步
                |-- 何时同步、何时异步
                |-- 如何解决异步造成的影响
    |-- 组件的事件:父子事件调用
    |-- 组件的生命周期:对应操作
    |-- 分类
        |-- 有状态组件和无状态组件
        |-- 受控组件和自由组件
            |-- 受控组件:组价渲染出的状态与它的value或checkd prop相对应
            |-- 自由组件(非受控组件):一个组件没有value和props，往往需要使用refs控制
    |-- 理论:组件的设计
        |-- 考虑是否可以设计成无状态组件:无状态组件关注于ui的变化，更容易被复用
        |-- 避免使用反模式
            |-- 使用props修改状态
            |-- 直接修改状态
            |-- 使用非受控组件
            |-- 跨级或者多级通信    

    |-- context
    |-- 高阶组件
        |-- 传参
    |-- 子组件操作父组件
    |-- 其他
        |-- 组合与继承
        |-- 错误处理
        |-- protals
    |-- 条件渲染与组件
-- refs
    |-- 父组件操作子组件
    |-- 转发
-- 操作DOM
-- fragments
-- 性能优化
    |-- 性能检测
    |-- 组件性能优化
-- 动画与矢量图形
    |-- css动画
    |-- js动画
-- minix