Goes together like peanut butter and jelly.

I have been using Stencil.js and Storybook to build components for design systems and I have really been enjoying the workflow, one might even say they go together like peanut butter and jelly.

The tooling I have been using at work uses these two technologies with all the bells and whistles needed for interacting with various other tools. I’m pretty obsessed with it at the moment and decided that I wanted to build a stripped down version of this system to learn and teach these amazing technologies in isolation. …

Not as scary as it sounds

I’ve been spending a lot of time in the world of Web Components over the last few weeks, utilizing the power of Stencil.js to create modular reusable custome. These can then be shipped off as an NPM package and pulled down to use in React, Vue, Angular, Node.js, or many other frameworks and web development solutions that you are already using.

While a framework agnostic component is a huge selling point for me and many others, the real power in web components comes in their ability to leverage the shadow DOM to encapsulate the CSS within that component. That’s right…


A frontend developer with a passion for web components and design systems

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store