Crafting Seamless User Experiences with 8+ Years of Frontend Mastery

Latest Articles

Understanding Version Symbols in package.json

When working with Node.js or React projects, you’ve definitely come across a package.json file. One often overlooked section is the dependencies list — particularly the version numbers with...

Generics in TypeScript: Arrow Functions vs Normal Functions

As a frontend developer working with TypeScript, you’ve likely used generics to write reusable and type-safe functions. But when switching between arrow functions and normal function declarations...

Type vs Interface in TypeScript: What’s the Difference and When to Use Each?

If you’re building a large-scale TypeScript project or just defining a simple data model, you’ll inevitably face this question: Should I use a type or an interface? Let’s break it down in...

Returning Objects in Arrow Functions — Don’t Miss This JavaScript Quirk

JavaScript Tip: Returning Objects with Arrow Functions When writing modern JavaScript, arrow functions are a go-to syntax for many developers. But there’s a small detail that trips up even...

React Custom Hooks and the Rules of Hooks

React’s power lies in its reusability and composability, and custom hooks are a key part of that. They allow developers to extract and reuse logic cleanly across components. But writing custom hooks...

The Truth About && in JavaScript — And Why React Loves It

When building React apps, you’ve probably used code like this: {isLoggedIn && <WelcomeMessage />}   It’s elegant and simple. But what’s actually happening under...

🧠 JavaScript: Primitive vs Reference Types

When you’re assigning a variable in JavaScript, do you ever pause to wonder whether you’re copying the value—or a reference to something deeper? This question matters more than you think...

Replace getElementById with global variables ?

document.getElementById is one of the widely used methods in the HTML DOM. It will return the specified element or else it will return null. When we log element to the console, we can see it holds...

What is Hoisting in JavaScript ?

Hoisting is the process where javaScript interpreter moves the declaration of functions, variables, classes, or imports to the top of their scope, prior to execution of the code. Only the declarations...