Bundler UI provides developer-accessible, node-based components to formally illustrate widely-used tooling (e.g. package managers, task runners, static module bundlers) and patterns (e.g. dependency-graphs, rendering-graphs, caching, chunks, backend-for-frontends, server-side-rendering, static-site-generation) for compiling micro-frontend build artifacts and serving these over content-delivery networks using federated modules. Individually, components represent well-formed terms that combine to form an expressive visual language of the actual abstractions used by developers for shipping products over content delivery networks. Overall, this project aims to support future downstream products including but not limited to performance-tuning applications, system documentation, and tooling for integrated development environments.
Components are highly influenced by concepts developed in "Practical Module Federation" by Jack Herrington and Zack Jackson as well as "Micro Frontends in Action" by Michael Geers. Many examples in this library translate figures and diagrams from these books into reusable, interactive components.
With your package manager of choice, install the @bundler-ui package.
npm install @bundler-uior
yarn add @bundler-uior
pnpm add @bundler-uiA non-exhaustive list of possible applications of this work includes
Combined with a language server TODO: examples