React Redux Toolkit RTK Query Crash Course | RTK Query CRUD Application for Beginners

  Рет қаралды 47,964

Dipesh Malvia

Dipesh Malvia

Күн бұрын

Пікірлер: 80
@DipeshMalvia
@DipeshMalvia 2 жыл бұрын
Guys, if the video is helpful to you or you learned something than please appreciate and ADD COMMENT hit the LIKE and SUBSCRIBE button and help this channel to GROW😉
@abdullahlimon9976
@abdullahlimon9976 7 ай бұрын
Great Man! I had searched for 20 or more videos on KZbin for learning RTK Query , I Assure you guys it is the best ..... He covers every Essentials topics and does not miss anything. You can start working after watching this.
@DipeshMalvia
@DipeshMalvia 6 ай бұрын
You are most welcome
@banalola
@banalola 10 ай бұрын
Best video I have seen so far on RTK Query. Much appreciated!
@DipeshMalvia
@DipeshMalvia 9 ай бұрын
Glad you enjoyed it!
@art01830
@art01830 4 ай бұрын
I am looking for RTK query video on KZbin and I watched so many videos but I got this video and fixed my problem..... take love
@DipeshMalvia
@DipeshMalvia 4 ай бұрын
Thanks! Glad you liked the video.
@MDMUSASHUVA
@MDMUSASHUVA 2 жыл бұрын
This is one of the best RTK Query content.
@kidusabebe2645
@kidusabebe2645 Жыл бұрын
The best Video for understanding the Redux Toolkit. Thank You very much Dipesh Malvia.
@sebastianwolfgang8189
@sebastianwolfgang8189 2 жыл бұрын
Best available content on TS+RTK-query on the internet! I’m currently studying for interviews, if I get hired it’ll be thanks to you bro, thank you
@sebastianwolfgang8189
@sebastianwolfgang8189 2 жыл бұрын
Bro if you ever see this, what is the use of the number 2 on the second component for fetching one contact by id? In this part : (data, undefined, 2)
@kenanhaciyev3759
@kenanhaciyev3759 Жыл бұрын
Amazing bro, thank you so much, now - react ts + rtk - is the most important technologies, thanks for this mini tutorial))
@nikhilrai6373
@nikhilrai6373 Жыл бұрын
Understandable rtk query concept video on the whole youtube.
@humayunsaeed6040
@humayunsaeed6040 2 жыл бұрын
One of the best tutorial on RTK Query the way of explanation was so simple and very good
@DipeshMalvia
@DipeshMalvia 2 жыл бұрын
Glad you liked it
@quvomiddinkamalov3292
@quvomiddinkamalov3292 2 ай бұрын
Thanks you sir❤
@kasiakordys266
@kasiakordys266 3 ай бұрын
great video, simple and on subject. Thanks a lot
@DipeshMalvia
@DipeshMalvia 3 ай бұрын
Thanks and welcome
@mari31709
@mari31709 Ай бұрын
Hi @dipeshMalvia, logically it should refetch only the updated contacts right? but it network tab, able to see all the contacts call triggered when updating 1 contact.
@rajankhunt7002
@rajankhunt7002 2 жыл бұрын
when you live which company in you work now days and make video on mern projects and your teaching is very good. thank you for making video.
@webber5629
@webber5629 Жыл бұрын
like modifying a particular content cause to refetch all the data again isn't that bad like if a particular data is modified we are refetching all the data again how to solve this issue ???
@JohnDoe-to8vr
@JohnDoe-to8vr 7 ай бұрын
you are the best, keeeep up the great work👌👌👌👌
@isha25tripathi12
@isha25tripathi12 10 ай бұрын
So lets say in your case you have contact and users, how can we segregate those api's as I read we should use creatApi once in the project. Not sure if I am correct or not but I have this doubt as I don't want to mix two separate entities all together
@АлександрЕрмолов-п2ь
@АлександрЕрмолов-п2ь Жыл бұрын
Thanks, but I don't understand how I can access the data without calling the hook, but using the usual getState method? I get some kind of crutches .... as an example)) const { allPackets, } = store.getState(); const allPacketsData = allPackets.queries?.['getAllPackets("allPackets")']?.data;
@mohamedyoussef8835
@mohamedyoussef8835 2 жыл бұрын
Awesome videos - great information - great explanations 😃😃😃
@DipeshMalvia
@DipeshMalvia 2 жыл бұрын
Glad you liked it!
@humendra5999
@humendra5999 Жыл бұрын
Really helpful Depesh. You saved my lot of time
@walvin1967
@walvin1967 11 ай бұрын
Have a question: the api returns the query and mutate hooks that can be directly used in the UI, what is the purpose of having a store in this case? Since UI is updating immediately from the returned value of the fetching mechanism?
@shankhadeepbiswas896
@shankhadeepbiswas896 9 ай бұрын
As he said, the store binds with the apis you created and then supply via Provider to the Whole App. Without Store, Redux doesnt work basically.
@thomasnarkiss6319
@thomasnarkiss6319 Жыл бұрын
thanks! so...| no adapters?
@LuteusPoeta
@LuteusPoeta Жыл бұрын
Thank you for the video!! I've been feeling overwhelmed by the documentations since they include everything at once and your video helped me a lot as a beginner
@onlinearfan
@onlinearfan 2 жыл бұрын
The best way refetch is to do like optimistic or pessimistic way draft data! Make video on it
@binarybulletin
@binarybulletin 11 ай бұрын
Please Update GIthub repo which You covered In this video can't able to find Full source code
@AshishKumar-m4y6z
@AshishKumar-m4y6z Жыл бұрын
Can you help me how to call RTK mutation in withFormik?
@ikennaudokporo6061
@ikennaudokporo6061 11 ай бұрын
Great video dude..
@DipeshMalvia
@DipeshMalvia 11 ай бұрын
Glad you liked it
@wingmann3632
@wingmann3632 2 жыл бұрын
hi dipesh! can you explain how does onCacheEntryAdded() works with WebSockets?
@zude1100
@zude1100 2 жыл бұрын
Thanks for the video bro, I have a question on how to use multiple parameters when posting data. here is my use case `${baseURL}/route/${id}`,{productId: productId},{headers: {authorization: `${token}`} how can set up in order to hit this endpoint
@moulevj6731
@moulevj6731 Жыл бұрын
Thanks for this amazing content man ! loved it 😍
@DeepakLalchandaniProfile
@DeepakLalchandaniProfile 2 жыл бұрын
I have clarifications in java ? Can you help me out ?
@GALACTCPHAZE
@GALACTCPHAZE 2 жыл бұрын
I'm angular developer seen ur crash course on reactjs. class components n functional components which is more used in real projects. W3school recommend functional component with hooks. Please suggest..
@proro485
@proro485 2 жыл бұрын
Functional Components unless the codebase is old.
@nomikhan87
@nomikhan87 2 жыл бұрын
Can you please suggest extension for RTK query in visual studio
@K_Popeye
@K_Popeye Жыл бұрын
love your channel♥️ I have a question in rtk query Would you please help me, how to prevent rtk from calling invalidatesTags if error happens?! Why rtk calls getAll api when error happens in add? How to prevent that?😅
@romimaximus
@romimaximus Жыл бұрын
Ok, ithink this "creaApi" is very confusing !!... but where's the "createSlice" and the "initialState" ? ... and how you share data between components ? Cause everytime you to pull data from state, ...you gonna have to fetch the data from "api" again ?
@UttamRao-p3q
@UttamRao-p3q Жыл бұрын
Amazing Content
@DipeshMalvia
@DipeshMalvia Жыл бұрын
Thanks!
@zackOverflow
@zackOverflow 2 жыл бұрын
This is Awesome!!!
@emmanuelakogwu7761
@emmanuelakogwu7761 2 жыл бұрын
Awesome tutorial.....thank you But I'd like to ask, can someone use rtkquery for data fetching React native too?
@DipeshMalvia
@DipeshMalvia 2 жыл бұрын
Haven't tried, so not sure
@jackhoang5019
@jackhoang5019 2 жыл бұрын
really good tutorial! Just subscribed your channel.
@ashokmehta3645
@ashokmehta3645 2 жыл бұрын
how can we achieve infinite scroll using rtk query
@arnauddebrock878
@arnauddebrock878 2 жыл бұрын
thank you so much oyu fixed my project
@DipeshMalvia
@DipeshMalvia 2 жыл бұрын
Glad I could help!
@kirannk8361
@kirannk8361 Жыл бұрын
Hi Bro, i have a problem invalidating the cache when i use pagination with RTK query and infinite scroll. I have a notification data which can be individually marked as Read or all the messages can be marked as Read. I have a query end point which accepts pageNumber to render the data. When the user is in page 5, if he clicks on Mark all as read, I am unable to invalidate cache which belongs to other pages. Same problem with individual read as well. When the user is in page 2, if he scrolls back to page 1, invalidating the cache re-renders page2 instead of 1. I have tried optimistic updates of cache. But unable to find solution to invalidate the entire cache/ specific page cache. Please help.
@DeepakLalchandaniProfile
@DeepakLalchandaniProfile 2 жыл бұрын
I have a specific javascript requirement can i send it to you in email ?
@daniyaniazics
@daniyaniazics 2 жыл бұрын
what is the correct ways to build rtk query architecture in our project. Do we need slice and asyncThunk to implement for some specific casses and rkh api for some other cases bacuase I;m sessing it is creating a new reducer here and always sending data as a result of fetch do we have this data as state across all component like from the previous slice and asyncThunk approach my state is currentUser and AllUser how do we manage such type of store in rtk query
@nahidfaraji5069
@nahidfaraji5069 2 жыл бұрын
same question. did you find any proper solution?
@daniyaniazics
@daniyaniazics 2 жыл бұрын
@@nahidfaraji5069 not yet
@daniyaniazics
@daniyaniazics 2 жыл бұрын
@@nahidfaraji5069 apparently rtk query only fetches the data when the data is empty or we have mention its dependency in others reducers
@chaitanyayechuri239
@chaitanyayechuri239 11 ай бұрын
Thank you that was very helpful
@nearobserver29
@nearobserver29 Жыл бұрын
Well Said, Thank You
@sonamohialdin3376
@sonamohialdin3376 2 жыл бұрын
Very useful tutorial
@DipeshMalvia
@DipeshMalvia 2 жыл бұрын
Thanks a lot
@chirumamillabharath9037
@chirumamillabharath9037 2 жыл бұрын
Waiting for this bro
@vanithanm7988
@vanithanm7988 2 жыл бұрын
Hi This is vanitha from chennai ..Can you take a class for react for me ? Plz ..I am new to react
@Mohammed-019
@Mohammed-019 Жыл бұрын
Awesome
@imkir4n
@imkir4n 2 жыл бұрын
Hi Dipesh how's poland life 😁
@rafahadenkar
@rafahadenkar 2 жыл бұрын
Redux creators did same mistake of writing complex code for RTK query, just how they did for redux before redux toolkit.
@emenikedaniel
@emenikedaniel Жыл бұрын
it is really complex to understand compared to react query. That explains the fewer tutorial videos on rtk query
@ddikodroid
@ddikodroid 2 жыл бұрын
Thank you!
@durgaraoganta2767
@durgaraoganta2767 2 жыл бұрын
Don't Shake your hands that much Times it diverts the user attention
@omarabdullah9786
@omarabdullah9786 10 ай бұрын
😊🥰
@JessicaHarris-x7w
@JessicaHarris-x7w 3 ай бұрын
Brown Jessica Martin Lisa Perez Sarah
@innocent3163
@innocent3163 Жыл бұрын
Those that don’t know typescript , you should understand typescript first then continue here
@SmashyHoney
@SmashyHoney Жыл бұрын
Total time waste ..
@VaibhavPatil-rx7pc
@VaibhavPatil-rx7pc 2 жыл бұрын
This is one of the best RTK Query content.
@DipeshMalvia
@DipeshMalvia 2 жыл бұрын
Thanks!
React with Redux Toolkit Crash Course
1:09:05
Laith Academy
Рет қаралды 99 М.
To Brawl AND BEYOND!
00:51
Brawl Stars
Рет қаралды 17 МЛН
coco在求救? #小丑 #天使 #shorts
00:29
好人小丑
Рет қаралды 120 МЛН
The Best Band 😅 #toshleh #viralshort
00:11
Toshleh
Рет қаралды 22 МЛН
RTK Query in React (Complete Tutorial)
29:23
Cosden Solutions
Рет қаралды 19 М.
React CRUD App: Build it with RTK Query & API
57:36
Code With Yousaf
Рет қаралды 3,2 М.
Redux Toolkit Query vs React Query
22:12
Jack Herrington
Рет қаралды 110 М.
Learn Redux Toolkit in under 1 hour
58:10
Hitesh Choudhary
Рет қаралды 156 М.
To Brawl AND BEYOND!
00:51
Brawl Stars
Рет қаралды 17 МЛН