Redux Toolkit, Store, Create Slice, Feature Folder — Redux is a state manager for JavaScript Applications. Mostly used with React. Most of the large-scale react apps include redux for managing the global state. But does all the redux based application follows the standard approach? Redux needs to be implemented in a standard and optimal way to avoid issues…

Here are the 10 services that provide free hosting for your React App. — React is the most popular library in JavaScript. Most of the developers are moving to react. The React community is growing rapidly. As there are more React Apps are developed. But the problem here is the cost of hosting the App. As the app users grow, we need to scale…

Here are the 15 custom hooks to make your React component lightweight React hooks is the trending word in the React community. I hope every React developer knows what hooks are. …

Migrate your CRA app to Vite for faster development and production builds. — Most of us will be using Create React App for creating React App. It supports all the configurations out of the box. …

Steps to integrate Laravel Sanctum authentication with React app using Breeze API scaffolding. — Laravel breeze is an Authentication scaffolding for web and APIs. Breeze is powered by Laravel Sanctum for Authentication system, by default it includes CSRF protections, session authentication and so we don’t require to worry about XSS attacks. In this article, we can see how to use Breeze API scaffolding for…

Steps to build Twitter followers counter using Next.js, NextAuth, SWR, Tailwind with Dark Mode Support To learn new things, just reading the docs is not enough. We should practically apply it. Likewise, while learning new tech stacks we should apply them by developing simple apps to get a hands-on experience. …

Preact offers performance optimization by default. — A few months ago, I wrote an article based on optimizing React loading time, and most of the readers’ comments suggested trying Preact to get default optimization. So I decided to try Preact with the same app used for the previous article. Let’s first get an intro about Preact. Preact…

Feature folder structure of the react-redux app for easy maintainability. React is the most popular JavaScript library for building user interfaces. React does not have any standard folder structure to group the components and logic. React apps can be structured in any way based on the project's needs. But the…