Run, Build & Deploy Stencil and Storybook From One Repository

1

Verdaccio

The next step is to deploy our component to an npm registry. For this demo, I use Verdaccio which is a "lightweight open source private npm proxy registry". First, it needs to be installed globally.

#Developer Tools #Code Collaboration #Front End Package Manager 27 social mentions

2

Storybook

I recently joined a project where the team used two separate Git repositories for their web components based on Stencil and Storybook. But the idea of Storybook is that the so-called "stories" live next to the components source code. Therefore, it made no sense to me to have those two tools in different repositories, and I combined them both in one repository.

#React #React Components #Developer Tools 204 social mentions

3

stenciljs

I recently joined a project where the team used two separate Git repositories for their web components based on Stencil and Storybook. But the idea of Storybook is that the so-called "stories" live next to the components source code. Therefore, it made no sense to me to have those two tools in different repositories, and I combined them both in one repository.

#Javascript UI Libraries #JS Library #JavaScript Framework 42 social mentions

4

React

As you can see from these picked concepts, Stencil is a React-inspired web component library. I previously worked with lit-element but due to the above-mentioned features, I prefer working with Stencil, especially in React projects.

#Javascript UI Libraries #JS Library #JavaScript Framework 775 social mentions