O Que É Island Architecture?
Island architecture é uma abordagem de renderização onde uma página é entregue como HTML estático e apenas widgets interativos específicos, os islands, recebem JavaScript do lado do cliente. Cada island hidrata por conta própria em vez de a página inteira virar um único app. O conteúdo estático ao redor não precisa de script algum.
Por que isso importa
Ao hidratar apenas as partes que precisam de interatividade, os islands cortam a carga de JavaScript e melhoram a responsividade. O trade-off é ter limites mais cuidadosos em torno do que cada island possui.
Guias relacionados
What Is Partial Hydration?Partial hydration attaches client behavior to only the interactive parts of a server-rendered page, leaving s…
What Is a Hydration Mismatch?A hydration mismatch happens when the markup a client renders during hydration differs from the server HTML,…
What Is a Server Component?A server component renders only on the server, sending its result to the client without shipping its own Java…