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

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

 

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

Scaling UI with Space Kit

By Aaron Vanston

Scaling UI with Space Kit

  • 24
Loading comments...

More from Aaron Vanston