Building a Web Components Framework with Webpack, in Just a Few Hundred Lines of Code

You will learn all about Web Components, Webpack, Babel, Routing (History API), component creation, data flow and services. Everyone is fighting over which frontend framework is the best, but few have realised that you can just use web components instead. Creating truly universal, and high performance elements for your web applications that can be used alone, or in any framework. Using these elements directly is great, but you will miss some of your favorite framework features like routing. This can be easily accomplished by creating a tiny framework on top using super modern javascript. I will teach you all you need to know about frameworks, web components, and webpack, the glue that holds it all together. Repo: https://github.com/JGH153/web-components-webrtc Demo: https://web-components-webrtc.web.app/ Blog: https://blog.sysco.no/front-end/web-components-framework -- 00:00​ - Intro & Demo 00:35​ - Overview 01:54 - Web components intro 04:42 - Project structure 07:28 - Web Components limitations 08:38 - Webpack 12:07 - Babel 14:50 - Less than 20 KB 15:56 - Components 19:00 - Directives 20:20 - Services 22:43 - Routing 28:24 - Missing features 30:00 - Ending --