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 symbols like ^, ~, or *. Ever wondered what these symbols actually…
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, there’s a tiny syntax quirk that trips up many devs—especially in .tsx files.…
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 a way that even a sleepy Monday brain…
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 experienced coders: how to return an object from an arrow function.…
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 requires understanding the Rules of Hooks, which ensure…
When building React apps, you’ve probably used code like this: {isLoggedIn && <WelcomeMessage />} It’s elegant and simple. But what’s actually happening under the hood? This behavior is powered by something called short-circuiting — a subtle but powerful feature…
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. Let’s break down the difference between primitive types and reference…
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 HTMLDivElement. Do you know…
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 are hoisted, not the initialisations. This is not a…
This post assumes you are a React developer and has used useEffect in your code. But you have observed the behavior of useEffect is weird in certain scenarios and you need to know Why ! I am not going to…
