2023-08-14 · Astro

理解 Astro 岛屿架构与按需水合

默认输出纯静态页面,只让需要交互的组件加载 JavaScript。

前言

岛屿(Islands)是 Astro「少发一点 JavaScript」理念背后的心智模型。本文会拆解服务端渲染、client 指令的差异,以及如何判断一个交互组件是否值得付出水合成本。

现场笔记

在处理 Astro 问题的过程中,反复出现的几个模式:

  • 简单的版本撑过了每次重构,聪明的版本没有。
  • 边做边写的文档,比事后补写的耐用得多。
  • 同一个问题第二次出现时,它就已经是一个模式了——给它起个名字。

可以直接抄的检查清单

  • 问题可以用一条命令复现。
  • 修复附带一个没有它就会失败的测试。
  • 作者本人之外的人也在自己的机器上跑过。

写在最后

写下未来那个自己真正会读的短版本——这就是全部的诀窍。