Free Download Web Components & Design System with StencilJS
Published 8/2025
Created by Vaillant Labs
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz, 2 Ch
Level: Intermediate | Genre: eLearning | Language: English | Duration: 70 Lectures ( 7h 55m ) | Size: 5.9 GB
Build, Test, Document and Publish to NPM a Complete Design System/UI Lib for React, Angular, Vue & Vanilla JavaScript
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 JavaScript
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 JavaScript/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
Code:
Bitte
Anmelden
oder
Registrieren
um Code Inhalt zu sehen!
Recommend Download Link Hight Speed | Please Say Thanks Keep Topic Live
Code:
Bitte
Anmelden
oder
Registrieren
um Code Inhalt zu sehen!
