Constellation

Distribution

[ PROPOSAL ]

Constellation

Distribution

[ PROPOSAL ]

Strawman, please poke holes.

The Problem

Teams need access to the Constellation components

Back in the Day

  • Library code was distributed via CDN
  • ✅ Takes advantage of cache hits between sites
  • ✅ Works in any tech stack (no bundling needed)
  • 🚫 All or nothing (no tree shaking)

Modern Day

  • Library code is bundled in with the application
  • ✅ No reliance on 3rd party servers
  • ✅ Import only the code that is needed
  • 🚫 No cache benefits for common assets
  • 🚫 Frontend build process required

Introducing...

Constellation Loader

Introducing...

Constellation Loader

  • ✅ Takes advantage of cache hits between sites
  • ✅ Works in any tech stack (no bundling needed)
  • ✅ No reliance on 3rd party servers
  • ✅ Import only the code that is needed

Constellation Loader

<script src="loader.js" vui-button="^1.0.0" vui-select="~2.3.24"></script>
<script src="https://CDN/vui-button/1.2.3/vui-button.js"></script>
<link rel="stylesheet" href="https://CDN/vui-button/1.2.3/vui-button.css">
<script src="https://CDN/vui-select/2.3.29/vui-select.js"></script>
<link rel="stylesheet" href="https://CDN/vui-select/2.3.29/vui-select.css">

uses semver logic to inject assets

Constellation Distribution

By Andrew Worcester

Constellation Distribution

An unconventional approach to UI library distribution.

  • 22