Untitled Publication

Write

Understanding Interfaces : Can You Add Methods to an Interface?

Jul 8, 20242 min read

React Dependency Injection: A Simple Tutorial

Jul 7, 20245 min read

Understanding High Order Components with Examples

Higher-Order Components (HOCs) are a pattern in React for reusing component logic. An HOC is a function that takes a component and returns a new component with additional props or functionality. Key Points about HOCs: HOCs are Pure Functions: They d...

Jul 8, 20243 min read

Understanding Lazy Loading: How It Works

Jul 7, 20246 min read

Image Tag Optimization: Lazy Loading vs Eager Loading

Jul 7, 20242 min read

Async vs Defer: How They Differ and Which Option is Best

Both async and defer are attributes that can be added to the <script> tag in HTML to control how external JavaScript files are loaded and executed. Normal Script : In this when script tag encounter then browser stops Html parsing and start fetching s...

Jul 3, 20243 min read

Security Concerns When Using innerHTML

Using innerHTML to insert content into a web page can introduce security risks, primarily Cross-Site Scripting (XSS) attacks. //Unsafe Implementation (Vulnerable to XSS) // User input can contain malicious scripts let userInput = "<img src='x' onerro...

Jul 2, 20243 min read

Understanding the Differences: innerHTML, innerText, and textContent

Let's read the content of the nav element using all three properties to see the difference. <nav> <a>Home</a> <a>About</a> <a>Contact</a> <a style="display: none">Pricing</a> </nav> innerHTML : It give Html tag + content . // Reading conten...

Jul 2, 20242 min read

Command Palette

Latest articles