Web Development At Scale: Composable Applications With Web Components

See a video version of this article on YouTube

Background on modularity

Architecting web ecosystem

Base components

Unstyled spinner — a base component

Design system components

Styled spinner — design system component
body.dark {
--primary-color: #ffffff;
--primary-background-color: #000000;
}

Composite components

Headers editor composite component
Exchange search component

A shell application

Front end developer, designer, educator. Author of many developer tools. I built 3 ecosystems of web components.