Jordan Brennanjordanbrennan.hashnode.dev·Sep 16, 2023What counts as a UI component?When building apps, I make a practical distinction between what I call UI Elements and Product Components, but what is meant by the word component or element? Even when the context narrows to UI "stuff", what exactly are we referring to? There doesn'...Discuss·30 readsHTML5
Pulsarforgedevlabs.pulsarforge.io·Sep 13, 2023Creating a bookshelf of web componentsBuilding an owned library of web components First let's explore the web components of my: Home Developer Labs where I scale platforms and enhance dev skills, and from time to time freelancing previous requests. Also, I will use libraries as LIT To bu...DiscussReact
Jordan Brennanjordanbrennan.hashnode.dev·Sep 13, 2023Global CSS and Design SystemsI've seen many design systems bend over backward to ensure styles don't leak in or out of components. Such efforts and limitations are unnecessary and are a misunderstanding of the expectations for design systems. UI Elements Do Not Live In a Vacuum ...Discuss·55 readsDesign Systems
Suraj Gairegaire.hashnode.dev·Aug 25, 2023Reusable HTML Components using vanilla JavaScriptAs developers, we are aware of the benefits of reusing code wherever possible. The foundation of Javascript libraries and frameworks like React, Angular, Vue, and others is the realization that it makes no sense to write repeated code, just create a ...DiscussJavaScript
Reece Poulsenreecepoulsen.hashnode.dev·Aug 3, 2023ServiceNow Custom Components ExplainedRecently I was searching for a simple explanation of the basics behind ServiceNow custom components and didn't find what I was looking for. Hopefully, this helps the next person who comes along. 📢 This is not a tutorial on how to get the Now CLI in...Discuss·3 likes·747 readsServiceNow
Cesar Romanblog.cesartheroman.com·Aug 2, 2023Day 4 Overview: Reactive Programming with ProxiesCreating a Proxy A proxy is a wrapper object that allows you to intercept and modify operations performed on the wrapped object, allowing us to add custom behavior or validations to the object’s properties and methods. So this immediately strikes me ...DiscussWorking through FEM's: VanillaJS Courseproxy
Cesar Romanblog.cesartheroman.com·Aug 2, 2023Day 3 Overview: Routing + Web ComponentsBrowser Routing & History API Single Page Applications: how to change the content The idea of a SPA, vs a multi-page app, is that we’re only using one HTML page that will render all of our content. Otherwise, we would need multiple HTML pages for eac...DiscussWorking through FEM's: VanillaJS Coursevanilla-js
Nick Taylorhashnode.iamdeveloper.com·Jul 30, 2023Yet Another Newsletter LOL: Kind WordsAnother week, another newsletter. Let's get to it! Around the Web If Web Components are so great, why am I not using them? – great read care of Dave Rupert, who is a fan of web components Use knip to detect dead code and types – I'll be honest, thi...DiscussYet Another Newsletter LOLTypeScript
Paul Sajesaje.hashnode.dev·Jul 27, 2023How To Create Reusable HTML Components Using Only JavaScriptWith the advent of a plethora of frontend frameworks and libraries, many developers are gradually losing touch with a lot of the amazing features that are baked into JavaScript. While these frameworks and libraries simplify a lot of the development p...Discuss·1 like·40 readsJavaScript
Manisha Basrajscodelover.hashnode.dev·Jul 24, 2023Understanding Shadow DOMUnleashing the Magic: Creating Custom Buttons with Shadow DOM What is Shadow DOM? Shadow DOM provides a way to attach a hidden separated DOM to an element. Shadow DOM allows hidden DOM trees to be attached to elements in the regular DOM tree — this s...Discuss·2 likesShadowDOM