React的基础使用及开发

• React官网
• 安装create-react-app脚组架
• 卸载/安装
• 查看版本号
• 创建项目并启动
• 项目依赖与开发依赖
• 项目目录
• 了解ES6中的类的语法
• map/filter/every/find/some
• JSX的基本使用
• • 创建文件
  • Fragment
  • 变量、表达式
  • class style
  • 原生的html
  • htmlFor
  • 条件判断
  • 列表渲染
• react 组件
• • 概念
  • 分类
• 事件以及事件参数event
• • 方法一
  • 方法二（不推荐）
  • 方法三（推荐）
• 表单
• • 受控组件
• 组件的使用
• • 父子传参事件案例
  • todoList案例
  • 过程及PropTypes类型检查
  • fetch
  • 非受控组件 refs
• setState
• • 不可变值
  • 可能是异步更新
  • 改为同步更新：
  • • 回调
    • setTimeOut
    • 自定义的DOM事件
  • 可能被合并
  • • 函数不合并
• 组件的生命周期
• Ant Design
• 路由
• • 安装：
  • 通用组件
  • Router路由的使用及Switch和Redirect
  • this.props获取路由对象
  • Link导航
  • Link控制子页面显示
  • NavLink
  • 路由传参
  • withRouter
• 函数组件
• • props和withRouter的使用
  • HOOK
  • • useState数据更改
    • useContext数据共享
    • useEffect生命周期
    • useCallback和useRef
  • Mobx仓库
  • • Mobx5的使用
    • 总结
  • Mobx6简化版使用
• Redux
• HOC高阶组件
• Portals
• context
• 异步组件
• 性能优化SCU
• PureComponent和memo
• immutable
• 关于组件公共逻辑的抽离