Add Redux Toolkit in React App - #15 Build MERN Stack CRM System From Scratch

Опубликовано: 18 Июнь 2026
на канале: Dented Code
4,301
88

In this tutorial, we are going to add Redux Toolkit to manage our React State.

{\} Subscribe for more web development tutorials {/}
   / @dentedcode  


{\} Timelines {/}
00:00 Intro
00:27 Quick overview
01:57 What is redux
04:47 Getting ready, if you are following along
06:12 Installing redux/toolkit
09:29 Crating Redux store
13:02 Creating Slice Reducer
25:31 Creating Redux Action
33:08 Using useDispatch Hook to dispatch an action
39:20 using useSelector Hook to mount data in a component
57:12 Separating API call from Action file
01:01:31 What Next ...


{/}Trello Project {/}
https://trello.com/b/o7zVhdid/crm-tic...

{/} Buy me a coffee to support me {/}
https://www.buymeacoffee.com/dentedcode

{/} Git Repo {/}
https://github.com/DentedCode/crm-fro...

{\}Start the project from beginning{/}
   • Build MERN Stack CRM Ticket System #0 [202...  

How to Install Mongo Database on Windows
   • How To Install MongoDB on Window 10 | Begi...  

How to Install Redis Database on Windows
   • How To Install Redis on Window 10 | Beginn...  

If you are new to Javascript, check out this Javascript Crash Course first    • Learn JavaScript From Scratch  - JavaScrip...  

{\} Join Me in Discord {/}
  / discord  


At the end of the series, you will learn to build a MERN stack + Nodejs Admin Panel project and deploy to AWS from scratch.

If you want to follow along, you can set up your computer's environment like mine.    • How To Setup Modern Javascript Web develop...  

If you get stuck or experience any issue, please write in the comment section below, I will try to reply as soon as possible.

{\} Connect with me here {/}
My Site: https://dentedcode.com
FB account:   / dentedcode  
Instagram:   / dentedcode  
Twitter:   / dentedcode  
LinkedIn:   / dented-code  

#React #Redux #ReduxToolkit #DentedCode