文章目录

• 项目地址
• 一、React基础
• • 1.1 vite创建
  • • 1. 创建项目
    • 2. 安装项目所需环境
  • 1.2 jsx
  • • 1. 三元表达式
  • 1.3 基础
  • • 1. 创建第一个组件
    • 2. 安装boostrap
    • 3. 插件常用命令
    • 4. map
• 二、组件
• • 2.1 useState
  • • 1. useState
    • 2. 使用
    • 3.更新对象
    • 4. 更新数组（增，删，改）
    • 5. 使用immer包简化类的更新
  • 2.2 interface和Props
  • • 1. 定义interface
    • 2. 父传子
    • 3. 子传父
    • 4. props 和 state
    • 5. 通过children传递
    • 6. 练习（父传递函数给子）
  • 2.3 使用react hook form
  • • 1. 创建表单提交
    • 2. 使用Zod处理表单验证
  • 2.4 useEffect
  • • 1. 清除函数
    • 2. get接口数据
    • 3. 异步get接口
  • 2.5 useLayoutEffect
  • • 1. 实现浏览返回上次滚动条位置
  • 2.6 useReducer
  • • 1. 模拟购物车加减
  • 2.7 userSyncExternalStore
  • 2.8 性能优化
  • • 1. useTransition
    • 2. useDeferredValue
  • 2.9 useRef
  • • 1. 用于访问真实的 DOM 节点
    • 2. 保存可变的值，而不引起组件重新渲染
    • 3. 保持上一次渲染的值（类似缓存）
    • 4. 和 setInterval/setTimeout 搭配使用