Amit
Kumar Rout

Dockerizing Your Frontend Application with Nginx for Seamless Deployment

Most often, deploying a frontend application requires separating the serving of static assets from backend APIs — this guide walks through coupling Nginx as a reverse proxy with Docker for containerization to deploy a frontend application seamlessly.

Implementing Redux in Next.js App Router - A Comprehensive Guide

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 Deployment

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'

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 Toolkit

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 Management

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?

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)

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 ?

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.