DEV Community 👩‍💻👨‍💻

DEV Community 👩‍💻👨‍💻 is a community of 963,864 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Cover image for Create Web Components in Lit, publish on npm & use in Angular 14, React 18 and Vanilla JS Projects (free video course)
Fabio Biondi
Fabio Biondi

Posted on

Create Web Components in Lit, publish on npm & use in Angular 14, React 18 and Vanilla JS Projects (free video course)

I have published a free mini-course to create Web Components using the Google Lit library and TypeScript.

In this series you will also learn how to publish your Web Components on NPM and how to use them in Vanilla JavaScript, Angular 14 and React 18/TypeScript projects.

I use ViteJS to create VanillaJS, React18/TS and the Lit projects, while I use Angular Cli to create the Angular 14 Project

♥️ Don't forget to subscribe my YouTube Channel ♥️


1. Create a Lit Project


2. Create a Web Component with Lit


3. Styling Components with CSS e Custom Props


4. Component Properties


5. Slot


6. Built-in Directives: when


7. Mouse Events


8. Emit Custom Events


9. Publish web components on Npm


10. Use the component in Vanilla JS projects


11. use classMap, update component and re-publish on Npm


12. Use the component in Angular projects


13. Use the component in React 18 projects


♥️ Let me know what you think and don't forget to subscribe my YouTube Channel ♥️

Top comments (0)

In defense of the modern web

I expect I'll annoy everyone with this post: the anti-JavaScript crusaders, justly aghast at how much of the stuff we slather onto modern websites; the people arguing the web is a broken platform for interactive applications anyway and we should start over;

React users; the old guard with their artisanal JS and hand authored HTML; and Tom MacWright, someone I've admired from afar since I first became aware of his work on Mapbox many years ago. But I guess that's the price of having opinions.