B

l

o

g

s

Implementing Redux in Next.js App Router - A Comprehensive Guide4 min read

Redux is a state mangement popularly used in react. In this article we will discuss how to implement Redux in Next JS along with Redux Persist.

Unleashing the Power of Nginx for Effortless Deployment5 min read

The benefits of using Nginx to deploy React applications, introduce its features that make deployment easier, and provide a step-by-step guide to help you integrate Nginx into your React deployment pipeline.

Created My First npx Package 'create-rp-app'3 min read

I have made a npx package that will setup a basic project in react including installation of basic packages which will help in buliding quick applications.

Bun 1.0:All-in-One Toolkit3 min read

Bun is an all-in-one JavaScript runtime & toolkit designed for speed, complete with a bundler, test runner, and Node.js-compatible package manager.

Resetting Reducer State in React and Redux for Better State Management4 min read

One common issue developers face is the persistence of reducer state in useSelector hooks, causing unnecessary re-renders even when actions like update message and delete message are not called.

How to protect routes for different user roles with restricted access?3 min read

In a role-based application, if an authenticated user of a different role tries to access a route that is not permitted, the protection mechanism may be violated.

Building my first VS Code Extension(Code Snippets)3 min read

Code snippets are reusable blocks of code that can be inserted into your code editor with a single command or keyboard shortcut. This extension consists of basic code snippets that include commonly used React packages.

Why there can be multiple console output with one console.log() in ReactJS ?2 min read

In ReactJS, a single `console.log()` statement can produce multiple outputs in the console because React uses a virtual DOM (Document Object Model) to render and update the user interface. When a `console.log()` statement is executed, it may output multiple elements from the virtual DOM, depending on how the React components are structured and how the code is written.