React Redux Tutorial | Learn Redux from Scratch

  Рет қаралды 60,622

Piyush Garg

Piyush Garg

Жыл бұрын

Hello Everyone, My name is Piyush Garg and in this video, we are going to code and understand what is redux and how to use redux state management in React App.
Links
► Complete Code Link - drive.google.com/drive/folder...
► Redux Devtools Chrome Extension - chrome.google.com/webstore/de...
My Gears
► Apple MacBook Pro Laptop: amzn.to/3DqSQPK
► Canon EOS 1500D 24.1 Digital SLR Camera: amzn.to/3RKmF1Y
► Logitech MK295 Wireless Keyboard and Mouse: amzn.to/3DuL1bB
► Seagate Expansion 1TB External HDD: amzn.to/3QMm5Q8
► Tripod: amzn.to/3S4OwK4
Disclaimer
► All the links above are affiliate links.
Featured Playlists
► Complete Java Tutorial Series - • Java Tutorial Series i...
► Complete ReactJS Tutorial Series - • Complete React Tutoria...
► Complete Firebase & React Tutorial Series - • Firebase with Reactjs ...
► Website - piyushgarg.dev
Social Links
► Instagram - / piyushgarg_dev
► Facebook - / piyushgarg.dev
► LinkedIn - / piyushgarg195
► Telegram Channel Link t.me/codewithpiyushgarg
Video Titles
What is Redux?
What is React React Redux?
What is Redux Toolkit?
How to use Redux?
How to use React Redux Toolkit?
Tags
- Redux
- React Redux
- React Redux Toolkit
Hashtags
#reactjs #redux #reactredux #javascript #coding #programming #reactjstutorial #reactjsforbeginners #reactjsdeveloper

Пікірлер: 87
@skullhunter7342
@skullhunter7342 Жыл бұрын
Whats the difference between Redux and React-Redux. As there lots of video on title "Learn Redux" and also on title named "Learn React-Redux". Plz reply and explain. As I have fully completed my React but getting stucked in learning redux and also getting confused that should I also learn redux- toolkit, saga thunk and also those stuff out there in the market. Well sir I was looking for some fantastic video on Redux and I found yours video. Full crystal clear concept clear baazi sir. Thanks for the video. 👍❤️
@piyushgargdev
@piyushgargdev Жыл бұрын
Great Doubt 🙌 Redux is basically a concept where you have store and a reducer function and actions that gets dispatched. You can use Redux in android, angular, vue, react etc. So in short Redux is a state management tool. On the other hand, React Redux is an implementation of redux concept in react way. It exposes some hooks, Providers and other stuff that makes redux implementation possible in react app. All languages and frameworks have their own libraries to implement redux. You can’t use react redux in angular app right because it’s made for react applications. I hope I was able to clear your doubt 😇.
@skullhunter7342
@skullhunter7342 Жыл бұрын
@@piyushgargdev Op sir! Why I didn't find this answer in quora, stackoverflow etc 🥲? My doubt has been resolved sir. Apka Dhanyawaad! 🌻
@surajbera865
@surajbera865 Жыл бұрын
@@piyushgargdev Now that's what I call a perfecto!
@sunandabakhtariya2322
@sunandabakhtariya2322 Жыл бұрын
​@@piyushgargdev explain very well.. my doubts is also clear
@romilsahay7584
@romilsahay7584 Жыл бұрын
(State.user) mai jo (user) hain wahan (user) ka nam badal sakete hai uske jgha kuchh bhi likh sakte hai. Ki ye aapke backend mai jo user ko (req.user) main save kar ke rakhe hain usse match hona chahiye.
@tanayasharma7776
@tanayasharma7776 Жыл бұрын
Thanks this was very helpful, the architecture explanation with the cart example helped understand this much better. you deserve more subs.
@omararshad152
@omararshad152 2 ай бұрын
I am learning react and man, what a great explanation by you. Hats off. Thank you so much. I am from Pakistan and your video makes it easy for me to understand.
@worldofinformation1403
@worldofinformation1403 9 ай бұрын
So easy and smooth tutorial finally found on redux. I got no errors occurred in my project. Thank you, Piyush. Your example is better than overrated code with the Harry channel xD
@battlegroundrusher
@battlegroundrusher Жыл бұрын
Literally You have Explained so Nice . Thanks Again !
@adhirajkar7396
@adhirajkar7396 11 ай бұрын
This is the best explanation for Redux toolkit on youtube, man you to good!!
@vikashgupta3305
@vikashgupta3305 3 ай бұрын
I am pausing this @ 20:11, What an intuitive explanation of the redux architecture syncing with redux code...thankyou
@FarmanOfficial777
@FarmanOfficial777 11 ай бұрын
I was searching this type of video on redux i have watched too many video for redux but nothing i get in return but after this video it is crytal clear
@damacoolpakistan5796
@damacoolpakistan5796 7 ай бұрын
this is what i can say a beginner level redux tutorial, simple project, goal to delivered core concepts
@ankursrvstva
@ankursrvstva 10 ай бұрын
So well explained. Thank you !
@Spmdiamond
@Spmdiamond Жыл бұрын
Tysm it's really helpme for understanding,i tried so much vdo but this one was awesome 👏👏🥰🥰❤️❤️
@soumyadeeppaul8142
@soumyadeeppaul8142 7 ай бұрын
This is literally the best video on redux and redux toolkit.
@CS_HimanshuVishwakarma
@CS_HimanshuVishwakarma Жыл бұрын
I think this is best tutorial for react redux in youtube. Thankyou 😊
@muditkhanna8164
@muditkhanna8164 4 ай бұрын
Hey Piyush , can you please explain do you need context if you're using redux? , or they both used differently?
@sanasajid2681
@sanasajid2681 Жыл бұрын
Very well explained keep growing Sis 🤠 best wishes
@drub13
@drub13 7 ай бұрын
What a wonderful explanation!!!
@wasiqkhan1929
@wasiqkhan1929 3 ай бұрын
Well Explained. Thank You Sir ❤
@tejusgroup6695
@tejusgroup6695 Жыл бұрын
Thank you so much, Piyush Ji... Crystal Clear concept. Plz do more videos / Projects on this topic, it's so interesting. your voice is super.
@piyushgargdev
@piyushgargdev Жыл бұрын
🚀 Thanks a lot
@maqsoodpathan3959
@maqsoodpathan3959 Жыл бұрын
hii piyush please clear my quetion for class component which redux is best ?
@romilsahay7584
@romilsahay7584 Жыл бұрын
(State.user) mai jo (user) hain wahan (user) ka nam badal sakete hai uske jgha kuchh bhi likh sakte hai. Ki ye aapke backend mai jo user ko (req.user) main save kar ke rakhe hain usse match hona chahiye.
@sagarvavadiya5252
@sagarvavadiya5252 11 ай бұрын
vary👌 usefull video to uderstand redux concept easy way, i solved large query of my project by this video
@roktimkamalsenapoty5793
@roktimkamalsenapoty5793 10 ай бұрын
should I watch this video or the new one on Master ReactJS since react redux is deprecated
@VK-sn3sn
@VK-sn3sn 2 ай бұрын
What's your opinion on React vs Angular 17?
@yogeshjoshi3662
@yogeshjoshi3662 3 ай бұрын
Hey Piyush, Thank you for providing us valuable piece of information. I just wanted to confirm whats the difference between context Api and redux ? If both work the same way.
@govindsen2230
@govindsen2230 7 күн бұрын
Best explanation so far ...
@NoamanSaleem-ph6bf
@NoamanSaleem-ph6bf Жыл бұрын
Finally I understood Redux. Great job. Your way of teaching is very effective
@piyushgargdev
@piyushgargdev Жыл бұрын
Glad it helped!
@Abdu11ahhh
@Abdu11ahhh 3 ай бұрын
Lil confusion related to the mutation of state @33:15. Spread operator created a new array so we put the values in it so how is it mutating the state???? state = [...state, action.payload].. Please Answer!!!!!!
@kanzafatima173
@kanzafatima173 2 ай бұрын
great explaination for beginners keep it up❤
@pranav_arya
@pranav_arya 9 ай бұрын
can you please provide the url of this redux architecture diagram?
@jasimali3913
@jasimali3913 Жыл бұрын
Great video...i wonder why there are very less likes.. respect and love from Pakistan
@piyushgargdev
@piyushgargdev Жыл бұрын
Thank you so much bro! 😇
@dxerstudio3560
@dxerstudio3560 Жыл бұрын
Bhaiya if there is redux then we have no use of context api???
@user-pn3te1ms3m
@user-pn3te1ms3m Жыл бұрын
Perfectly explained. I have a bit of trouble implementing createSelector in my project but was somehow unable to. I have multiple reducers and want to implement createSelector for it but find it hard to do so. At 36:03 you explained createSelector for one reducer. Can you make a video or simply guide on how to implement createSelector for multiple reducers? Thank you in advance.
@8animer889
@8animer889 7 ай бұрын
do something like this , where each reducer will point towards a state, in my case i have two reducers , so i am using it like this const user = useSelector((state) => {return state.user}) const cart = useSelector((state) => state.cart) export const store = configureStore({ reducer:{ cart: cartReducer, user: userReducer }, devTools:true })
@abhaypratapsrivastava4400
@abhaypratapsrivastava4400 Жыл бұрын
Really great video My problem uss 21:01
@amjadsultanawan
@amjadsultanawan 5 ай бұрын
Well explained....😍
@himanshuchauhan734
@himanshuchauhan734 11 ай бұрын
best vedio on react redux, very helpful, thank you so much
@piyushgargdev
@piyushgargdev 11 ай бұрын
Thank you so much ❤️
@malikbhai2285
@malikbhai2285 Жыл бұрын
Great job sir
@shankarpradhan8578
@shankarpradhan8578 2 ай бұрын
your explanation is translucent 🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰
@kathikr9360
@kathikr9360 2 ай бұрын
good class sir thank you .
@technoshri18
@technoshri18 9 ай бұрын
Great thanks...👏
@diwanahun
@diwanahun Жыл бұрын
Thanks sir 🖤
@HyderAli-pt6oh
@HyderAli-pt6oh 2 ай бұрын
can anyone tell me how this is different from context api?
@crush_ka_bhai
@crush_ka_bhai Жыл бұрын
Thanks bro
@stalinvishwakarma7624
@stalinvishwakarma7624 Жыл бұрын
Amazing explanation sir .
@piyushgargdev
@piyushgargdev Жыл бұрын
I am glad that you liked the video. Do subscribe 😄Thanks
@stalinvishwakarma7624
@stalinvishwakarma7624 Жыл бұрын
@@piyushgargdev I have watched videos from many famous KZbinr but no one's explained so good as like you.
@patelurva1055
@patelurva1055 3 ай бұрын
nice explanation
@atifmirza9168
@atifmirza9168 15 күн бұрын
HATS OFF TO YOU
@dipayansamanta2425
@dipayansamanta2425 8 ай бұрын
Sir ek project chaiya react-redux and redux-thunk with redux-toolkit ka upor with api (laravel api ho ta a66a hoga) calling in a organise way .
@sanketkothiya3034
@sanketkothiya3034 Жыл бұрын
thank you sir for this
@piyushgargdev
@piyushgargdev Жыл бұрын
Welcome champ 🚀Keep Learning 😄
@osamajune9
@osamajune9 Ай бұрын
Great
@ashutoshrashtrawadi4812
@ashutoshrashtrawadi4812 Жыл бұрын
All KZbin channels same hi example de rahe hai.
@Solo_playz
@Solo_playz 5 ай бұрын
Fir bhi nahi samj raha hai ky tumko 😂
@Zaheer__zk40
@Zaheer__zk40 23 күн бұрын
Please create a saga tutorial
@user-we8ef7vz2p
@user-we8ef7vz2p Жыл бұрын
sir please make video on redux saga with redux toolkit
@jaydev1374
@jaydev1374 7 ай бұрын
nice
@safiq_ur_rahaman
@safiq_ur_rahaman Жыл бұрын
Create store does not work anymore, you have to use configure store for that...but when I tried to use that my code stopped working...don't know what happened.
@piyushgargdev
@piyushgargdev Жыл бұрын
Yes you are right, I have added redux toolkit also in this video. Check 24:15
@safiq_ur_rahaman
@safiq_ur_rahaman Жыл бұрын
@@piyushgargdev Thanks..I am at 17:49 right now.
@DeepakGupta-pz4fx
@DeepakGupta-pz4fx Жыл бұрын
can you make a video redux thunk and redux saga
@piyushgargdev
@piyushgargdev Жыл бұрын
Redux Thunk and API calling with redux thunk will be out tomorrow 😇
@DeepakGupta-pz4fx
@DeepakGupta-pz4fx Жыл бұрын
@@piyushgargdev very good piyush ...but redux saga ??
@brokenboy8434
@brokenboy8434 11 ай бұрын
@rupeshmishra9152
@rupeshmishra9152 Жыл бұрын
sab kuch sahi hai...bass stop using 2 words, "awwsm" and "paarfect"... XD
@DeepakGupta-pz4fx
@DeepakGupta-pz4fx Жыл бұрын
today redux thunk video coming???
@piyushgargdev
@piyushgargdev Жыл бұрын
How to fetch data from API in React Redux Toolkit | React Redux Tutorial kzbin.info/www/bejne/aHulqZJma8l3Z80
@DeepakGupta-pz4fx
@DeepakGupta-pz4fx Жыл бұрын
@@piyushgargdev redux saga pr video aur bna do
@rohitghosh4625
@rohitghosh4625 6 ай бұрын
23:00
@lalit-singh-bisht
@lalit-singh-bisht 10 ай бұрын
Whenever i try to learn something new...it gives a fukin headache
@abdulroab7524
@abdulroab7524 Жыл бұрын
Bardya pic hai
How to make API call in React Redux Toolkit | React Redux Tutorial
17:52
Be kind🤝
00:22
ISSEI / いっせい
Рет қаралды 13 МЛН
🇮🇩Let’s go! Bali in Indonesia! 5GX Bali
00:44
ISSEI / いっせい
Рет қаралды 26 МЛН
小路飞姐姐居然让路飞小路飞都消失了#海贼王  #路飞
00:47
路飞与唐舞桐
Рет қаралды 93 МЛН
🔴 Complete Redux Tutorial in Hindi | React Redux in 2021
56:25
Thapa Technical
Рет қаралды 573 М.
Learn Redux Toolkit in under 1 hour
58:10
Hitesh Choudhary
Рет қаралды 115 М.
Redux Tutorial - Learn Redux from Scratch
1:34:53
Programming with Mosh
Рет қаралды 1 МЛН
Spring Boot: Working with PostgreSQL using JDBC.  -Somali-
56:08
Shuuriye Jr
Рет қаралды 2,6 М.
Redux toolkit crash course | Chai aur React Series
1:10:18
Chai aur Code
Рет қаралды 210 М.
React Redux Tutorial For Beginners | Redux Toolkit Tutorial 2021
53:26
Redux - Complete Tutorial (with Redux Toolkit)
37:01
Cosden Solutions
Рет қаралды 145 М.
How SSL Certificate Works?  - HTTPS Explained
20:42
Piyush Garg
Рет қаралды 146 М.
Every React Concept Explained in 12 Minutes
11:53
Code Bootcamp
Рет қаралды 353 М.