VivekProheyvivek.com·Aug 13, 2024🌟 Simplifying Web Development with Lit Components: JavaScript Web Components Made EasierIn the evolving landscape of web development, the need for reusable, modular, and efficient components has become paramount. While JavaScript Web Components provide a powerful solution to these needs, they often come with a steep learning curve. This...Discuss·11 likes·293 readslit
Louis Bertsonlouisbertson.hashnode.dev·Aug 5, 2024Beginner Guide to Total.js UI: #01 Installation and SetupIntroduction Welcome to the first post in our series on mastering Total.js UI. In this series, we will guide you through the fundamentals of Total.js UI, empowering you to create robust and dynamic Single Page Applications (SPAs) with ease. Whether y...Discusstotaljs-ui
Ameen Aladeblog.ameenalade.dev·Aug 3, 2024Web Components: The Secret Weapon You're Not Using (Yet)Hey there, fellow code wrangler 👋🏽. Remember the last time you had to rebuild that same dropdown menu for the umpteenth time? Or when your carefully crafted CSS got steamrolled by some rogue styles from who-knows-where? If you're nodding along, it'...Discuss·2 likes·31 readsCross-Framework Compability
Elom Emmanuelscansio.hashnode.dev·Jul 22, 2024How to Transpile JavaScript/TypeScript with Babel AST: A Guide for Functions and ClassesMastering JavaScript/TypeScript Transpilation with Babel AST: From Functions to Classes In the ever-evolving world of web development, keeping your codebase up-to-date with the latest patterns and practices is crucial. One common migration path is tr...DiscussBabel
VivekProheyvivek.com·Jul 6, 2024The Future of Web Development: Embracing JavaScript Web Components 🚀The world of development is forever changing, and this has placed JavaScript Web Components at the threshold of becoming an enormous potential instrument set that might change how we build and deploy applications. They are potential replacements for ...Discuss·11 likes·31 readsJavaScript
VivekProheyvivek.com·Jul 7, 2024Build a micro-javascript frontend framework based on Web Components and no-buildCreating a basic JavaScript framework on Web Components with Shadow DOM and ES Modules, including client-side routing, requires a few steps. I shall outline how one can set up a framework. Step 1: Setting Up Your Project Create a brand new directory ...Discuss·10 likesJavaScript
Jordan Brennanjordanbrennan.hashnode.dev·Jun 15, 2024When Should I Use a Web Component?The biggest tech companies with the biggest websites are using Web Components and yet very few frontend engineers know how to build them and even fewer know when. I think it's because developers aren't sure where Web Components can fit in the crowded...Discuss·1 like·151 readsWeb Components
Ezequiel E. Tejadamyowntake.hashnode.dev·Jun 7, 2024My take on... Angular ElementsAfter many days and hours dealing with Angular Elements work, I've learned a thing or two about extracting an Angular Component to a Web Component and making it available everywhere. It started where all research should start, the Angular Documentati...DiscussAngular
Patrick WaltherforThe Web Engineer's Notebookr3ddox.hashnode.dev·May 26, 20245 things I learned building Web ComponentsOver the past few years, I’ve had the opportunity to develop two distinct web component libraries for different clients. Throughout this journey, I discovered that adhering to a set of fundamental principles when creating new components helped me cir...Discuss·1 like·89 readsWeb Development
Sotiris KourouklisProsotergreco.com·May 13, 2024Lit, Web Components & TailwindCSS (Day 5) - Creating a SaaS Startup in 30 DaysWhile digging around for what tech-stack to use for the frontend, I stumbled upon Lit. Lit is a web components library with a minimal footprint just under 6kb, specifically designed to simplify your workflow as it has almost a 0 learning curve. I am ...Discuss·364 readsWeb Development