文章目錄

• 項目地址
• 一、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 搭配使用