Skip to content
micro-frontend.dev 2.0

JavaScript Island Architecture

Author: Natalia Venditto

Date First Published: Wed Jan 04 2023

What is island architecture?

As briefly mentioned, Island architecture is an implementation of partial hydration that uses the analogy of isolated regions of a page or view, that could be either static or dynamic.

We can assume that the whole view will be server-side rendered and that for those micro-parts that are stateful or dynamic, hydration, or loading and initializing the necessary JavaScript for that part of the view to become dyamic, will occur in isolation.

One of the characteristics of Island Architecture that makes it a special form of partial hydration, is that there is no need for a shell. Each micro part is effectively independent from the others. It is basically the page itself that identifies the placeholders for those islands that need to download JavaScript and bootstrap it, and handles the process.

island architectures