Flutter Web Declarative Bootstrap (PUBLICLY SHARED) 1

You might also like

Download as pdf or txt
Download as pdf or txt
You are on page 1of 1

SUMMARY

Bootstrap Flutter Web through Custom Elements.


Make Flutter Web embedding better with modern
web development (frameworks and tooling).
Author: David Iglesias (@ditman)
Go Link: flutter.dev/go/web-declarative-bootstrap
Created: March/2023 / Last updated: March/2023

WHAT PROBLEM IS THIS SOLVING?


The current Flutter Web embedding uses an imperative process provided by the
flutter.js file. The current process creates global namespaces in the page, and
uses a "script" approach to initialization.

This style doesn't mix well with current web development practices that rely on a
more modular syntax (ESModules are a thing now!), and bundlers, and makes
Flutter Web a little bit "odd" to integrate in their Flutter/Lit/Angular projects.

This document proposes a declarative bootstrap mechanism that allows to hide the
initialization complexity behind standard DOM APIs, like Custom Element and ES
Modules.

PUBLICLY SHARED

You might also like