APP ROUTER / MODULE PATCHBOARD

use client 模块边界实验台

在接线板上切换客户端入口:只有沿着实线导入关系可达的模块会进入客户端包;紫色虚线表示渲染时的 children 插槽。

先记一条判定式客户端模块集合 = 所有 'use client' 入口 + 它们沿 import 可达的依赖

选择一组接线预设

点按模块可切换 'use client';支持多个入口

  • 服务器模块
  • 客户端包
  • 导入关系
  • children 插槽

先预测,再揭晓

判断时只沿模块的导入箭头走,不要被屏幕上的视觉嵌套骗走。

挑战 01 · 导入扩散
只有 Search.tsx 声明 'use client',哪些模块进入客户端包?
挑战 02 · 插槽穿越
客户端 Modal 接收服务器 Cart 作为 children,购物车会怎样?
挑战 03 · 边界高度
把边界从搜索框抬到根布局,本实验的相对 JS 负担如何变化?

离开接线板前,核对三件事