Create Your Own React State Management

Create Your Own React State Management

In this tutorial, we'll learn how to create your own React State Mangagement. Understanding “useContext” and “createContext” API to create custom State Management.

Redux is a big size package and sometimes it lags down the performance of the application. You can test it yourself by building your next JavaScript repository using the build command and see how much Redux package is occupying among all other packages.

yarn run build

Redux was developed by Don Abromov when he was preparing for React Europe conference while trying to play around with the Flux store back in 2015. I believe, the one solid reason why redux comes into the picture is the common props and values shared between deeply nested child and between immediate sibling components. I personally face a lot of difficulties while passing the updated values among immediate siblings, after googling some vague and random words 😁 for about 2/3 hours, I end up reaching the so-called “Redux” word.

Thanks to someone on this Earth, who have clearly mentioned the following comment —

“You need something called State Management my friend”

That is why sometimes reading comments do make sense😁.

redux

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Reduce Redux Boilerplate Code with Redux-Actions

In this article, we will look at how to reduce the boilerplate code brought about by Actions and Reducers using Redux-Actions

Simplifying Redux with Redux Toolkit

Redux Toolkit is an opinionated, batteries-included toolset for efficient Redux development. In this article, you will see why the Redux Toolkit deserves more attention in the React community.

How to implement Redux Saga with ReactJS and Redux?

In this article, I’d like to tell you more about the Redux library and create a simple ReactJS project, where I’ll set up a Redux step by step.

How To Setup Redux Slices with Redux Toolkit

Redux Toolkit popularity is growing every month. What exactly helps developers to write code faster, easier, more clearly? One of the helpers is createSlice function. createSlice takes an object of reducer functions, a slice name, and an initial state value and lets us auto-generate action types and action creators, based on the names of the reducer functions that we supply. It also helps you organize all of your Redux-related logic for a given slice into a single file.

Redux Tutorial - Learn Redux from Scratch

If you are interested in redux, watch this video now!