2023-08-14 · Astro
搞懂 Astro 島嶼架構與部分水合
預設輸出純靜態頁面,只讓需要互動的元件載入 JavaScript。
前言
島嶼(Islands)是 Astro「少送一點 JavaScript」的核心思維。本文會拆解伺服器端渲染、client 指令的差異,以及如何判斷一個互動元件值不值得付出水合的成本。
現場筆記
在處理 Astro 問題的過程中,反覆看到的幾個模式:
- 簡單的版本撐過了每次重構,聰明的版本沒有。
- 邊做邊寫的文件,比事後補寫的耐用得多。
- 同一個問題第二次出現時,它就已經是模式了——幫它命名吧。
可以直接抄的檢查清單
- 問題可以用一行指令重現。
- 修正附帶一個沒有它就會失敗的測試。
- 作者本人以外的人也在自己的機器上跑過。
結語
寫下未來的自己真的會讀的短版本——這就是全部的訣竅。