Scaling UI

@aaronvanston

"How can you scale UI components across multiple codebases and teams?"

Design systems

Style Guides

Component libraries

Too Big, too Scary!

+

So what is "Space Kit"

Space Kit =

Monorepo +
Storybook +
NPM repo

Living style guide

for components

Demo!

Monorepo

One codebase, multiple packages

Shared dependencies

Manages the Monorepo

Links cross dependencies

Changelogs, versioning and releases to NPM

Storybook

Interactive UI components
React, React Native, Vue, Angular

Another Demo!

Deploy

Internal NPM Nexus repo

NPM Scoped Packages

A year in review...

Easy to install

Consistent UI

Visual/living previews

Fast bootstrapping

The Good

Adds complexity

Updating components takes longer

Tend to design for the future not now

The not so Good

Scaling UI

@aaronvanston