Web Standards
Web Components: Building Reusable Custom Elements
Web Components are a set of browser standards that allow developers to create custom, reusable HTML elements that work across any framework. The suite incl…
Search Results
Results for "Shadow DOM"
13 articles found
Web Standards
JavaScript
Understanding the DOM (Document Object Model)
When you load an HTML page, the browser parses the text and creates a tree-like structure called the Document Object Model, or DOM. This is the interface b…
JavaScript
Introduction to Web Components
Before React and Vue, there was a native browser standard for reusable components: Web Components. They consist of three main technologies: Custom Elements…
JavaScript
State Management in Vanilla JavaScript
Frameworks like React have popularized the concept of 'state'—the data that changes over time. But you can implement state management in vanilla JavaScri…
React
React Hooks Deep Dive: useState, useEffect, and Beyond
When React Hooks were introduced in version 16.8, they fundamentally changed how we write React components. The old class-based approach with lifecycle met…
UX
Infinite Scroll Architecture: Performance and UX Patterns
Infinite scroll has become a common UI pattern, but implementing it well requires careful architecture. Poor implementations lead to performance degradatio…
CSS
CSS Variables: Unlocking Dynamic Stylesheets
CSS Custom Properties, commonly called CSS variables, have revolutionized how we write and maintain stylesheets. Unlike preprocessor variables from Sass or…
International Relations
The Africa Gambit: China’s Shadow, India’s History
Africa is the battleground for the 21st-century geopolitics. China has been there for decades, building roads, ports, and railways—often with the help of…
Tourism
Burj Khalifa: What You Need to Know Before You Go
Standing at 828 metres, the Burj Khalifa is the kind of structure that makes you feel genuinely small in the best possible way. You spot it from the highwa…
Tourism
Burj Khalifa: What You Need to Know Before You Go
Standing at 828 metres, the Burj Khalifa is the kind of structure that makes you feel genuinely small in the best possible way. You spot it from the highwa…
Technology
The Manhattan Project: Building the Atomic Bomb
Deep in the New Mexico desert, a group of scientists changed the world. They didn't know it at the time, not really. They were racing against the Germans…
History
Life in the Shadow of War: How Civilians Survived the Blitz
My grandmother rarely talked about the war. When she did, her voice would get this distant quality. She was just a teenager living in London during the Bli…
Technology
Low-Code and No-Code Platforms: Empowering Citizen Developers
The demand for software development far exceeds the supply of skilled programmers, leading to the rise of low-code and no-code platforms. These tools allow…