A Story of UI Library Architecture and Workflow

Presentation byRodney Wormsbecher

If you have ever attempted to extract your UI libraries into an abstract package which can be consumed just like any other NPM package. You’ll probably have encountered quite a few hurdles. For example: 1. How do I ensure code quality and reusability? 2. How do I actually publish an NPM package? 3. Can the publishing of packages be automated by CI/CD? 4. How do I provide interactive documentation like Bootstrap or Material UI? In this presentation I will showcase a solid workflow when a developer makes a change and push it to GitHub to automatically publish the package both to NPM and the documentation of storybook to an Azure webapp. It will tackle many hurdles such as GitHub pipelines, NPM publish, Docker and Storybook.

Presented with these Guilds
Cover Photo for Web Engineering Amsterdam
Primary Photo for Web Engineering Amsterdam

Web Engineering Amsterdam

We bring together developers and tech enthusiasts through regular meetups covering JavaScript, React, frontend development, web technologies, developer tools, and the latest trends in web engineering.

Being the oldest ReactJS community in BeNeLux it gathers Front-end developers across the globe in the tech heart of Europe. With internationally recognized speakers, amazing attendee crowd and a top location.

Contact email: events@gitnation.org

📝 Submit your talk for coming events here

If your company has a space to host our next event, please reach us here

By joining this group you agree to comply to our Code of Conduct

1.2KMembers
Similar Presentations

A Story of UI Library Architecture and Workflow

Presentation byRodney Wormsbecher

If you have ever attempted to extract your UI libraries into an abstract package which can be consumed just like any other NPM package. You’ll probably have encountered quite a few hurdles. For example: 1. How do I ensure code quality and reusability? 2. How do I actually publish an NPM package? 3. Can the publishing of packages be automated by CI/CD? 4. How do I provide interactive documentation like Bootstrap or Material UI? In this presentation I will showcase a solid workflow when a developer makes a change and push it to GitHub to automatically publish the package both to NPM and the documentation of storybook to an Azure webapp. It will tackle many hurdles such as GitHub pipelines, NPM publish, Docker and Storybook.

Presented with these Guilds
Cover Photo for Web Engineering Amsterdam
Primary Photo for Web Engineering Amsterdam

Web Engineering Amsterdam

We bring together developers and tech enthusiasts through regular meetups covering JavaScript, React, frontend development, web technologies, developer tools, and the latest trends in web engineering.

Being the oldest ReactJS community in BeNeLux it gathers Front-end developers across the globe in the tech heart of Europe. With internationally recognized speakers, amazing attendee crowd and a top location.

Contact email: events@gitnation.org

📝 Submit your talk for coming events here

If your company has a space to host our next event, please reach us here

By joining this group you agree to comply to our Code of Conduct

1.2KMembers
Similar Presentations