• views: 29
• date: 18 August 2025
• posted by: voska89

Build, Test, Document and Publish to NPM a Complete Design System/UI Lib for React, Angular, Vue & Vanilla jаvascript
What you'll learn
Build Web Components using StencilJS
Implement best practices for reusable UI libraries
Implement accessibility best practices in web components
Write unit and E2E tests for StencilJS components with Jest and Playwright
Document StencilJS components effectively using Storybook
Set up and manage a multi-package monorepo with Turborepo
Publish a StencilJS component library to NPM and integrate it into third-party applications
Integrate web components with frameworks like React, Angular and Vue
Requirements
Solid understanding of HTML, CSS, and jаvascript
Basic knowledge of TypeScript
Familiarity with Node.js and NPM
Some experience with React, Angular & Vue (definitely not mandatory)
Comfortable using the terminal and basic Git commands
Description
Master StencilJS & Build a Professional Design SystemGo beyond tutorials—build, test (unit, E2E, snapshot testing), document (Storybook), and publish (NPM) a complete Design System UI component library trusted by real-world apps. Using StencilJS, you'll create high-performance, framework-agnostic Web Components that integrate seamlessly with React, Angular, Vue & Vanilla jаvascript/HTML.Inside, you'll discover how to:Architect reusable, scalable UI components like a pro.Bake in accessibility from the start.Deliver polished documentation with Storybook.Ensure reliability with Jest & Playwright tests.Streamline development with Turborepo.Publish to NPM and ship production-ready code.This is not a surface-level introduction—you'll follow a practical, project-based approach, building real components that follow modern best practices and industry standards. Along the way, you'll gain insights into design systems, UI consistency, maintainability, and developer experience that will set you apart as a front-end developer.Whether you want to create a library for your company, contribute to open source, or sell your own premium component kit, you'll leave this course with the tools, workflows, and confidence to make it happen—no matter your current skill level.By the end, you won't just "know" StencilJS—you'll have mastered it, with a fully functional design system ready for immediate use in professional projects or commercial products.
Who this course is for
Frontend developers who want to build reusable, framework-agnostic web components
Developers interested in creating and publishing UI component libraries
Engineers working on design systems or shared component libraries across multiple projects
Multiple Teams using React, Angular, Vue, or Vanilla JS looking to standardize and unify the UI of all apps
Anyone who wants to learn StencilJS as fast as possible without BS stuff and not waste their time on non important things
Homepage

https://www.udemy.com/course/web-components-design-system-with-stenciljs/

   
   
   

Forex Trading

Crypto Trading. 20 USD Bonus after KYC

We need your support!
Make a donation to help us stay online
        
Bitcoin (BTC)
bc1q08g9d22cxkawsjlf8etuek2pc9n2a3hs4cdrld
	
Bitcoin Cash (BCH)
qqvwexzhvgauxq2apgc4j0ewvcak6hh6lsnzmvtkem

Ethereum (ETH)
0xb55513D2c91A6e3c497621644ec99e206CDaf239

Litecoin (LTC)
ltc1qt6g2trfv9tjs4qj68sqc4uf0ukvc9jpnsyt59u

USDT (ERC20)
0xb55513D2c91A6e3c497621644ec99e206CDaf239

USDT (TRC20)
TYdPNrz7v1P9riWBWZ317oBgJueheGjATm

0 1 2 3 4 5

| Print version |

	Information
		Users of GUESTS are not allowed to comment this publication.