Search for a command to run...
Introduction Next.js has earned its place as one of the most popular frameworks in the React ecosystem. It gives you just about everything you need to build a modern web app with React—file-based routing, server-side rendering, static generation, and...
Introduction Caching is a powerful technique that significantly enhances the performance and efficiency of web applications. Next.js, a popular React framework, leverages multiple caching strategies to reduce unnecessary data fetching, speed up page ...
Introduction AbortController is a JavaScript API introduced in 2017 as part of the Fetch API. It provides a simple and effective way to manage and cancel asynchronous operations, like fetch requests and event listeners, particularly when working with...
Introduction React custom hooks are a game-changer when it comes to writing clean, reusable, and efficient code. They allow developers to extract and share logic across components, making development faster and more maintainable. In this article, we’...
Introduction Tailwind CSS is an essential tool for building modern UIs, but let’s be real, managing its class names can get messy fast. Ever found yourself staring at an HTML tag loaded with an endless string of utility classes? Or maybe you’ve caugh...
Introduction The shadcn registry enables you to create and manage custom component registries, making it easier to distribute components, hooks, pages, and other files across multiple React projects. This blog post won’t be a step-by-step guide on se...
There are numerous functions in JavaScript that every developers should master. Here's a list of ten functions: querySelector and querySelectorAll querySelector: returns the first element that matches a specified CSS selector. querySelectorAll: r...
The ?? (nullish coalescing) and || (logical OR) operators in JavaScript are used to provide a default value when the expression on the left-hand side is not provided. They are helpful when handling cases where a value might not exist or is falsy, and...
In the world of web development, sometimes it's fun to add a bit of personality and levity to your site. This post will explore how I added a simple "Random Programming Joke" card to my portfolio website using React and the Joke API. This seemingly m...
