Complete CRUD APP using Redux Toolkit and createAsyncThunk | API call using Redux Toolkit
Vložit
- čas přidán 7. 09. 2024
- Hi Guys,
In this video, I have explained step-by-step how to create a full crud application using the redux toolkit and the middleware createAsyncThunk.
Blog link - whataboutcodin...
Code - github.com/hig...
Timestamps -
00:10 - intro
1:45 - demo of app
11:03 - step 2
13:01 - step 3
25:52 - step 4
35:48 - step 5
53:59 - step 6
55:08 - step 7
1:09:13 - step 8
1:14:49 - step 9
1:33:49 - step 10
1:43:33 - step 11
1:48:30 - conclustion
Complete redux toolkit tutorial - • Complete Redux Toolkit...
Hope you guys found it helpful.
Main Channel
➜ / himanshushekhar020
➜Say hi -
Instagram - / himanshu.create
➜Contact - methimanshu020@gmail.com
➜About me
Hi Guys, thanks for tuning in. I am a software developer, having 3+ yr of experience in the IT industry. I like teaching and creating content, so why not create it upon my profession and daily lifestyle.
You'll either find my videos educational or entertaining, sometimes both🤗
🙏 Thanks for your love and support. It means a lot to me.❤️
Tags
redux toolkit,redux toolkit tutorial,react redux toolkit,redux,react redux,redux toolkit react,redux toolkit crud,react redux tutorial,redux tutorial,redux toolkit thunk,redux toolkit crash course,redux toolkit example,crud,reduxjs toolkit crud application hindi,react redux toolkit crud,react redux crud,redux toolkit api,redux toolkit query,reduxjs toolkit crud hindi,how to use redux toolkit,redux crud,react redux toolkit tutorial
One hour into the video, feels like every second was important. And whole 1 hour is on point. Just amazing.
@@krishpoptani7862 thnx alot
Just 10 mint ki video dekhi and I just realized you are not like other CZcamsr jo phly sy sari tyari kr k video record krty ha ❤
You helped me alot brother , i was looking for this for a long time, nobody wants to go deep into middlewares - and in interviews middlewares explaination nowadays is a key.
U explained it in a very nice way , i want to know the resource from which you learned it...very crystal clear explanation. Real gem!
Its 4.30 am at night and you hooked me up with your video, thats called a content...many blessings brother. ❤
You made my day. Thanks alot.🧡
This man is a diamond 💎💍
Thanks alot
@@whataboutcodingsir what I need to use create saync thunk when I use axios
Why thunk when we have rtk query
just a suggestion. The tutorial is good. make one in English. you will reach many and you will help many.
It's is a first video on CZcams in which have been explained everything about redux toolkit, createasyncthunk, api calls and filters.... Really powerful video.... Beginner friendly.... Smooth explanation..... Keep growing sir you resolved my all issue whatever I was facing with api calls.. thanks best wishes
Thnx alot.made my day🙂
how did he import components by just clicking on them..do you know how that?
Bro Atlast you cleared my concept about API and toolkit
one of the best video on youtube to learn redux and api working . thank you sir for such a amazing video
Glad you liked it
This is all in one video explaining CRUD and REDUX together...just awesome.....keep posting such content
Thanks a ton
Thank you very much sir, I first tried code along with you, I had to stop write code, stop .. write code, it was talking a lot of time, so first I just watched the whole video carefully, now I got to know so much, and i have got a clear overview of state management is working, like what step to follow after other, I have got the confidence that I can now do it on my own. Thank you again for such an awesome video 💛👏.
Please keep making such awesome videos like this.
Thnx alot. 🙏
Amazing! You did a great job, it was useful and clearly explained, thank you!
Edit : If you use a personal api like NestJS (instead of mock), you should serialize errors with : return rejectWithValue(error.toString());
If you don't, you will have an error during the post and update (not visable with get and delete).
Sir aap ka explanation bohot he acha hein.. Mujhe redux toolkit kahese samaj nahi araha tha,phir apka video Mila ,main vdo achese dekha or samajha ...uske badh ek movie application bhi banaya redux use karke...thank you sir aysa type ka video leke aneke liye...
Thnx alot..made my day🙂
@whataboutcoding .... jitna best createAsyncThunk aapne smjhaya aur easy kar diya.. youtube par baki videos se best hai.. Thankyou Thankyou Thankyou......🙏🙏🙏
Bhai you are the future :) , Keep it up and Never count the number of subscribers, You are a gem. The impact that you are creating is HUGE.
This video is easy to understand for freshers and best tutorial in CZcams i have ever seen.
Thank you so much sir for this video .
Thnx alot
Hello Sir, I’m watching your videos 5th time to revise this concept after many time and I’m felling more confident than before.❤ you are good teacher as well so keep it up.
I request you to please continue on MERN stack project using Redux, Cloudinary, axios and node. So we can get more knowledge from you 🙌🫡
This video of yours is truely a gem thanks a lot
Thanks alot. Super glad it helped.
I subscribed becoz of the your hardwork you mainly focused on the tutorials not your comfortable accessories, like using plastic pip with mike🙃
@@user-kq9kn8wk2i thanks for the support 🙃
excelent bhai very helpful
best tutorial i ever seen covers all type of concepts of react & Redux Tool kit , i completely understand redux now , Thanks bro
Superglad it helped. Thanks
Best redux toolkit video with thunk API on CZcams
This is ever green video ... and now i'm good with redux toolkit.
Finally found the perfect video on redux
bhai mera dimag kharab ho rha tha kese kaha kb implement krna h thunk, reducer,xreducers
dimag k dakkan udde hue the
lekin fir apki video mili or ab sara ache se smj gya hu
frontend development m redux hi ek problem thi ab wo solve ho gyi
thanks a lot bhai❤❤❤❤❤❤
Glad it helped
@@whataboutcoding ap to pro ho
This tutorial is too good and helpful . It is worth ❣..better than udemy
Never stop teaching brother what an explanation ❤. Was having hard time in understanding redux toolkit but you made it so easy thanks ❤
Thnx. You made my day
Believe me sir Aisa vid maine aaj tk nae dekha. Crud ko toh apne halwa bana Diya 🙏🏻
Made my day...thnx alot
nice explanation with latest way. plz make video on react, redux toolkit with saga.
The Way of teaching is Amazing.. . .
Thnx alot
RTK does not allow us to pass in the Promise Actions (pending, fulfilled & rejected) directly into the extraReducers Object, instead they've introduced the "builder case" notation....
Thanks a lot man, that was very helpful for a beginner like me to cover the basics.
And the thing I liked the most is you explained every bit of your code
Thank you very much dude ❤❤❤❤❤
thnx alot man.made my day
@WhatAboutCode that is best CZcams channel for both people beginner and exprinced .
sir sir ek Redux Persists ka bhi video bana do na because mujhe apka hi video se samaj aata warna youtube toh videos se bhara pada please i humble request to you please........
Please do more videos sir. Big fan sir.
One of the finest video for beginners 🤟
How can give u lot of likes ... I wish I could ...🎉. U r teaching way is straight forward.....
Thnx alot
anyways a great content something very important to learn! thanks man for sharing the knowledge
Thnx alot
bhai great video. Kafi asani se samza diya. Thank You.
Going to start this tutorial, will let you know if its really helpful
your way of teaching is amazing sir ❤❤ n tutorial is more amazing then your way of teaching😁😍 love it
Thnx alot
Best video , but please look for the quality of video atleast give some 760p
Sir apka itro itna interesting hai toh video kitna interesting hoga, amazing sir amazing video!! ♥️♥️✨
video na dekho phle kuch bhi comment krne a jao
Thank you, sir, this video is very helpful
best video in overall youtube
Thnx alot. Made my day❤️
you've not made video on what is the way of learn from youtube tutorial?
Awesome awesome Himanshu sir ji.. its really excellent, the voice was so clear, and the concept was crystal clear.. Thank you so much for this wonderfull video.
Glad it helped
Thank u so much making this video sir we need more video and projects in redux
You're the best of the best, I've ever subscribed . Best wishes to you, bro
Amazing bhiaiya very helpful video thanks a lot ❤
Thanks for the tutorial, kindly update your blog code with the repo code
The best tutorial for Redux Thunk
Thnx alot
Thank you brother for this simple and intresting videos.....
Best & best video for redux toolkit....
Thnx alot
Hello This is good tutorial for reduxtoolkit. But I have one question when I take data through useSelector in other component then data will got undefined why?
thanks brother for explain easily such a good video thanks once again
Super glad it helped
genuinely good explanation, thanks for sharing knowledge 🙂
Is there any update in the redux related to the extrareducer, because I am getting an error related to use builder object
/read action
export const showUser = createAsyncThunk(
"showUser",
async (args, { rejectWithValue }) => {
I above async function , args is really needed?
without args, showUser function is not executed?
please let us know
why we use to call user api when we are creating new user then we are storing in user data state..can't we get all user by simply maping user state in read component ?
great job! please upload consistently.
Error at 10:31
Store does not have a valid reducer. Make sure the argument passed to combineReducers is an object whose values are reducers.
thank you so much sir , one of best
Glat it helped
Master tutorial 💚
thank bhai is video se muze bahut help mili he
Very nice video
Jai Shree Seeta Ram Ji 🙏
Jai Shree Hanuman Ji 🙏
Om Namo Narayana Vasudevaya Namah 🙏
Om Namah Shivaya 🙏
hi can please teach this video in english because i dnt know hindi and it was very useful when i was gothrough in blogs but it will nice to teach in english its my request
bro thanks a lot ..cant say more..keep up the good work
Sir microservices pe video banaiye using MERN
Well explained. Keep going . Really helpful.
Every helpful video brother keep it up..❤
Really helpful , worthy content 💖💖💖
learn a lot from you bhai ..A request please speak a little loud which will make learning & listening easier
"Store does not have a valid reducer. Make sure the argument passed to combineReducers is an object whose values are reducers."
plz let me know how to deal with it time : 33:00
Great video Himanshu. Learned a lot.
Thnx alot for the appreciation
@@whataboutcodingthanks man I appreciated you alot but the problem is I don't understand Hindi
Very good bro..nice knowledgeable video
is mae strapi api work nai kr rhi . if you have knowledge about then please share. and axios bhi use krna bta deen thank you
The state does not persist when we refresh edit page.
This video was very realy helpful but can you make the same video with typescript...
Much better video. Thanks a lot.
Glat it helped🫠
Great video pls increasse the volume without earphones seems very less
AHHHH I wish I could understand your language I feel like I am missing out on so much.will you ever post in English ?
i also write blog article of my video, you can check them in the description
best channel for react
Thnx alot
"Store does not have a valid reducer. Make sure the argument passed to combineReducers is an object whose values are reducers."
plz let me know how to deal with it time : 33:00
sir plz make a project with contextAPI , useContext and useReducer(may be something like simple shopping cart)
37:28. using useNavigate in handleSubmit will navigate to Read even if there is some error while adding data. So i think this is not the proper way.
Jabrdast🎉
I have understood this video Thank you so much but I request you that How to call multiple api in redux toolkit ?
best crud tutorial thanks sir
Super glad it helped
thanks a lot for making this video
Glad it helped
@@whataboutcoding "Store does not have a valid reducer. Make sure the argument passed to combineReducers is an object whose values are reducers."
plz let me know how to deal with it time : 33:00
Welllllllllllll done sir
agar hame ek or form banana h to uske liye v alag se store and reducer banana hoga
Store ek hi rehta hai.. usme aap multiple data daal skte ho..and access kr skte ho..
Thank you so much for this video ❤❤
i got error Read.js:8 Uncaught TypeError: Cannot destructure property 'users' of '(0 , react_redux__WEBPACK_IMPORTED_MODULE_3__.useSelector)(...)' as it is undefined
bro all thing is good... but why volume is too low
thanks for the great knowledge sir . Actually my api has gender 1 for gender and male for male it doesnt give male or female for gender key
Brother please upload a videos redux toolkit with rest api and include image
Increase volume dear...
Well Explained sir!
Nice video sir i learned a lot but plzz improve sound quality.......
superb sir....!!!😍😘🤩😘😘😘
Nice 👍 video sir
Sir can u please tell me about UI , I am stuck in desining atleast basic good UI for any project that I plan to do by my own.