© 2022 Hashnode
#web-components
DOM Before we dive into shadow DOM, let's rewind what a DOM is. According to the definition, the DOM is a Programming Interface that allows the interaction with the structure, style, and content of a …
React Custom Hooks is one of the best feature added in React. It allows us to create reusable state logic for components. In this blog I will try to create a form with custom hooks. Also we will see h…
Web Components are a lot of fun and something I wish I got to work with more often, an opportunity came up at work recently and I jumped onto that so quick! 😅 I wrote an article previously that went …
Previously, coding frontend applications was more cluttered and there wasn't any modular approach to separating certain functionality from the rest of the code. Web components will allow developers to…
When Apple single-handedly put Flash in the dirt to give way for HTML5. Then later realized together with Meta that developers needed more than divs and form elements. And without Flash, they only had…
Before diving right into the details, when we talk about "Controlled" and "Uncontrolled" components, it is always referring to the components which are handling forms or form inputs in them. So in Rea…
Today I'd like to introduce you to a new era of web components. Lit is a simple, fast and lightweight way of developing new applications. You can choose to write it as JavaScript or as a TypeScript sy…
Chakra UI is a collection of beautifully made React components that includes all of Tailwind's stylistic benefits and handles all of the complexity.First and foremost, Chakra UI has a light and dark m…
There was a time when Web Components were roughly a synonym of Polymer, a project ported by Google to build applications using Web Components. The browser support was pretty bad, so Polymer would poly…
This is more of a short note about some experiments when working with web components that I’m publishing as a reference for future me (or other people that experience the same issue). I’ve been exper…