island-architecture

What problem does it solve?

Island components solve the problem of data coupling by making each UI piece responsible for its own data fetch, state, and presentation, enabling flexible composition and isolated testing.

Core Features & Use Cases

• Self-contained data fetching: Each island fetches its own data independently, handling loading, error, and empty states.
• Explicit configuration: Islands receive filters and IDs as props rather than data, keeping layout and data concerns separate.
• Composable UI: Use islands to assemble feature pages, grids, cards, and dialogs with clear boundaries.

Quick Start

Create a new island by scaffolding a component that fetches its own data and renders its UI based on configuration.