React Basics

  • react的jsx模版语法，包括循环和条件

  • props和state和children

    Hooks

  • React’s new Hooks：useState, useReducer, useEffect, useContext, and more.

  • hooks实际工作原理及背后魔法

  • 通过hooks处理状态

    更多hooks

  • 自定义hooks

  • 使用useMemo和useCallback优化组件性能

  • 把类组件重构为hooks

    Effects副作用

  • 学习并思考effects，生命周期hooks-y的替代方案

  • 使用useEffect的正确方法
  • 避免使用useEffect依赖数组的常见错误

  • 通过async/await和promise，在Effect中获取数据

    类组件

  • 创建有状态的类组件

  • 正确使用setState

  • 创建有输入控件的form表单

    生命周期

  • 学习思考生命周期，什么时候获取数据

  • 优化shouldComponentUpdate
  • 不常见的生命周期getSnapshotBeforeUpdate和getDerivedStateFromProps

  • 使用componentDidCatch处理错误

    状态管理

  • 管理组件内的状态

  • 使用Context Api在组件之间共享状态

  • 数据的不变性，数组和对象的处理方式

    Context API

  • 当应用比较简单时，Context可以实现数据处理，替代redux

  • 了解Context合适使用
  • 在单个应用中使用多个context上下文

  • 优化context，避免性能问题

    API calls 和forms

  • 获取服务端的数据，并列表显示

  • 通过form表单将数据持久化

博客：
https://daveceddia.com/archives/