组件渲染

• https://nextjs.org/docs/app/building-your-application/rendering
• https://nextjs.org/docs/app/building-your-application/routing/loading-ui-and-streaming
• https://nextjs.org/docs/app/building-your-application/configuring/progressive-web-apps

大纲

• 模板
  • 指令
    • 自定义指令
    • 指令参数及修饰符
    • 注册指令
  • 插槽
    • 内容和出口
• JSX
  • 条件渲染
  • 列表渲染
  • 显示隐藏
  • 文本渲染
  • HTML 渲染
  • 其他
    • 跳过编译
    • 隐藏未编译的插值
    • 只渲染一次
    • 缓存模板
• 渲染函数
• 强制重新渲染
• 服务端渲染
• 自定义渲染
  • 原生渲染
  • 测试渲染
• 渲染原理