React

简单

• JSX

• Component (组件) 类组件

• Props (属性) 类组件

• State (状态) 和 插值 类组件

• 挂载和状态设置

• 生命周期

• 拆组件

• 事件处理器

• 遍历

• CSS

• useState 和 useEffect 函数组件

• 函数组件 (主推)

  • const [state, setState] = useState(initialValue)

• 类组件

  • class Component extends React.Component

• 核心语法 JSX

• 组件通信和插值

• React Hooks

  • useState 状态管理
  • useEffect 副作用处理
  • useContext 上下文管理
  • useReducer 多状态管理, 封装多状态的逻辑管理
  • useMemo 缓存计算结果
  • useRef 获取DOM元素引用, 聚焦DOM, 修改state不重新渲染
  • useCallback 缓存函数

----------------------done

中阶

• 组件化开发
• JSX 语法
• 状态管理 Redux
• 路由 React Router
• 表单处理
• 异步编程

练习

• 小案例练习
  • 代办事件列表
  • 计数器
  • 图片画廊