blog.allaroundjavascript.comPrevent Unnecessary Re-Renders of Components When Using useContext with ReactWhen managing global state in React applications, useContext is a powerful and convenient tool. However, it comes with a common pitfall: unnecessary re-renders of components subscribing to the context. In this article,I'll explore why this happens, e...Jan 12, 2025·6 min read
blog.allaroundjavascript.comBattle of the Architectures: Dynamic UI with RTK Query vs. Next.js Simplicity1. Introduction When building a modern web application, developers are spoiled for choice with tools and frameworks. On one side, we have RTK Query and React Router, providing flexibility and control over data fetching and routing. On the other, Next...Jan 11, 2025·7 min read
blog.allaroundjavascript.comDifference between extending and intersecting interfaces in TypeScript?Have you ever found yourself thinking in a complex project asking this question, then in this article I will try to answer with examples Let's say the following type is defined: interface Shape { color: string; } Now, maybe we need a way to abstra...Aug 25, 2024·3 min read
blog.allaroundjavascript.comWhat is Typescript 's exclamation(!) mark operator, or bag and how does it work?TL;DR The bang operator tells the compiler to temporarily relax the "not null" constraint that it might otherwise demand. It says to the compiler: "As the developer, I know better than you that this variable cannot be null right now". I think this qu...Aug 23, 2024·3 min read
blog.allaroundjavascript.comTypescript generic : T vs T extends {} Difference and ExamplesTLDR: "T extend {}" allow you your function or class' method to accept pretty much anything except null and undefined. T can be a primitive though. On the other hand, only T, allow accepting also those value, null and undefined I do work with Typescr...Apr 17, 2023·3 min read