全书目录

第四十篇:SolidStart 完全指南 —— 精细反应街区宇宙

第六章:概念关系图 —— Solid 的反应线路图

1 分钟 94 字 第 776 / 962 个阅读单元
text
             ┌─────────────────────┐
             │   createSignal      │
             │  原始响应式状态源     │
             └─────────┬───────────┘
                       │ 读取
         ┌─────────────┼─────────────┐
         │             │             │
         ▼             ▼             ▼
 ┌─────────────┐ ┌─────────────┐ ┌─────────────┐
 │ createMemo  │ │ JSX 表达式   │ │createEffect │
 │ 派生值节点   │ │ UI 显示节点   │ │ 副作用节点   │
 └──────┬──────┘ └─────────────┘ └─────────────┘
        │
        ▼
 ┌─────────────┐
 │ createResource /
 │ createAsync │
 │ 异步数据节点 │
 └──────┬──────┘
        │
        ▼
 ┌─────────────┐
 │ 路由页面 / 表单 /
 │ server function │
 └─────────────┘

记忆口诀:

  • signal:源头
  • memo:计算
  • effect:副作用
  • resource / createAsync:异步数据
  • route / server function:把前后端接起来