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, 2024Web Components: Embracing the Future of JavascriptThe world of development is forever changing, and this has also 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...Discuss·11 likes·26 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·116 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·88 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·261 readsWeb Development
Dylanjalpy.dev·May 1, 2024Image GalleryBLUF: My final project for my web dev class. Can be seen at Image Gallery - ChatGPT's Take On King Midas This course had to be one of the craziest classes I have taken. My professor was a menace to the system and had his own chaotic and original way ...Discuss·30 readsUniversity ProjectsSchool
Pulsarforgedevlabs.pulsarforge.io·Feb 19, 2024Creating a library of web component with lit devLit dev "Lit is a simple library for building fast, lightweight web components. At Lit's core is a boilerplate-killing component base class that provides reactive state, scoped styles, and a declarative template system that's tiny, fast and expressiv...Discusslit dev
Jordan Brennanjordanbrennan.hashnode.dev·Feb 12, 2024HTML Button Group for the OCDThe CSS :has pseudo-class enables squeaky clean markup for group components, like a button group. Mdash recently shipped its button group using :has and the OCD within me ranks the markup 5 out of 5: <div role="group"> <button ord="secondary" aria-...Discuss·48 readsCSS