How to Create Guarded Routes using React Router v6

If you have worked on a React App with React Router Dom, you would have felt the need to restrict user access to some specific part of your app. It can be authentication-based, permission-based, etc…

How to Open a Link in a New Tab in React

How to Serve a React App with NGINX in a Non-Root Docker Container

Step By Step Guide To Dockerize React App Created Using Vite

React | Docker | Vite

Const vs. Function For React Functional Components

For some time now I have been wondering if there is a benefit to using function over const when declaring functional components, and vice versa. So, I decided to do a little research, and I will sum…

How to Compose and Integrate APIs Together as if You Were Using NPM for APIs

Learn how to bring React's paradigm of Composability to the world of APIs, microservices, and databases — powered by Wundergraph, build-time GraphQL, and the BFF/API Gateway pattern.

Batch Updates in React 17 or Earlier Versions

React batch updates for multiple setState() calls inside setTimeout, promises, and native event handlers

5 Things We Can Do to Decrease Load Time of the React Application

1. Clean Unused Lines Of Code, 2. Clean Unused React Components, 3. Splitting Up Into Components, 4. Server - Side - Rendering, & 5. State Management

Build a Multi-step Form With React Hook Form

A tutorial on how to build a multi-step form using React Hook Form.

How to Set Focus on an Input in React

Make the user experience better by automatically applying focus to inputs