React

Introduction to Arrays in React Hey there, fellow developer! If you’ve got a solid grasp of arrays in JavaScript, you’re in for a treat. We’re about to unlock a new level of awesomeness by exploring how arrays in React play a key role in crafting dynamic user interfaces. Embracing the Array Magic Think of arrays […]

In this post, I am going to help you understand the fundamental concepts of React Context. We will discuss the main components that you need to create and use React Context. We are also going to see the use cases of React Context, compare its advantages with disadvantages, and, finally see when to use React

The useRef hook is a handy tool in React that lets you create references to elements or values within functional components. It allows you to access and modify DOM elements directly, store mutable values, or preserve data between renders without causing re-renders. It’s like having a special pointer that you can use to interact with

TypeScript is a superset of JavaScript. Unlike JavaScript, Which is dynamically typed, it is statically typed.  This means you will know the types of variables used in your code at the compile time. This helps you as a developer to check for typed-related errors before the code is executed. If there are no compiled errors,

React.lazy and Suspense make React developer life easy. React.lazy helps in code-splitting and Suspense backup React.lazy in loading state. Before, we go into details let’s start things simply. let’s be familiar with some background knowledge. What is Bundling? Bundling is the process of putting code in many files into one file. While bundling is essential

React useMemo hook One of the ways that you can improve the performance of React apps is by using the useMemo hook. This hook prevents expensive calculations from running on every render. The React useMemo takes two arguments: a function and a dependency array. useMemo( function, dependancy_array) Now, let us see how useMemo work by an

In this post, I will show you how to create a dynamic table filled with API data. We are going to fetch some sample data, create the table and fill it with the data. App structure You can use create-react-app or online IDE to create the following file structure. Fetch data with async … await

If you are a React developer, you must have heard of Redux for sure. While Redux is such an important tool for React developers, it also introduces extra code and a cumbersome setup. However, with the popularity of functional components and hooks, Redux also introduces some useful hooks for developers to work with. This has