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

แชร์
ฝัง
  • เผยแพร่เมื่อ 15 ก.ย. 2024

ความคิดเห็น • 73

  • @DipeshMalvia
    @DipeshMalvia  2 ปีที่แล้ว +4

    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 2 หลายเดือนก่อน +2

    Great Man! I had searched for 20 or more videos on TH-cam 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  2 หลายเดือนก่อน

      You are most welcome

  • @banalola
    @banalola 5 หลายเดือนก่อน +2

    Best video I have seen so far on RTK Query. Much appreciated!

    • @DipeshMalvia
      @DipeshMalvia  5 หลายเดือนก่อน +1

      Glad you enjoyed it!

  • @VaibhavPatil-rx7pc
    @VaibhavPatil-rx7pc 2 ปีที่แล้ว +5

    This is one of the best RTK Query content.

  • @humayunsaeed6040
    @humayunsaeed6040 2 ปีที่แล้ว +2

    One of the best tutorial on RTK Query the way of explanation was so simple and very good

  • @sebastianwolfgang8189
    @sebastianwolfgang8189 2 ปีที่แล้ว +1

    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)

  • @kidusabebe2645
    @kidusabebe2645 ปีที่แล้ว

    The best Video for understanding the Redux Toolkit. Thank You very much Dipesh Malvia.

  • @nikhilrai6373
    @nikhilrai6373 ปีที่แล้ว

    Understandable rtk query concept video on the whole youtube.

  • @mohamedyoussef8835
    @mohamedyoussef8835 2 ปีที่แล้ว +3

    Awesome videos - great information - great explanations 😃😃😃

  • @kenanhaciyev3759
    @kenanhaciyev3759 11 หลายเดือนก่อน

    Amazing bro, thank you so much, now - react ts + rtk - is the most important technologies, thanks for this mini tutorial))

  • @JohnDoe-to8vr
    @JohnDoe-to8vr 3 หลายเดือนก่อน

    you are the best, keeeep up the great work👌👌👌👌

  • @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.

  • @humendra5999
    @humendra5999 ปีที่แล้ว

    Really helpful Depesh. You saved my lot of time

  • @UttamRao-p3q
    @UttamRao-p3q 11 หลายเดือนก่อน +1

    Amazing Content

  • @ikennaudokporo6061
    @ikennaudokporo6061 6 หลายเดือนก่อน +1

    Great video dude..

    • @DipeshMalvia
      @DipeshMalvia  6 หลายเดือนก่อน

      Glad you liked it

  • @fucksocity-o
    @fucksocity-o 6 หลายเดือนก่อน

    Every time see video you make everything complicated

  • @chaitanyayechuri239
    @chaitanyayechuri239 7 หลายเดือนก่อน

    Thank you that was very helpful

  • @zackOverflow
    @zackOverflow 2 ปีที่แล้ว +1

    This is Awesome!!!

  • @moulevj6731
    @moulevj6731 ปีที่แล้ว

    Thanks for this amazing content man ! loved it 😍

  • @arnauddebrock878
    @arnauddebrock878 ปีที่แล้ว +1

    thank you so much oyu fixed my project

  • @onlinearfan
    @onlinearfan 2 ปีที่แล้ว

    The best way refetch is to do like optimistic or pessimistic way draft data! Make video on it

  • @nearobserver29
    @nearobserver29 7 หลายเดือนก่อน

    Well Said, Thank You

  • @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 ???

  • @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

  • @jackhoang5019
    @jackhoang5019 ปีที่แล้ว

    really good tutorial! Just subscribed your channel.

  • @АлександрЕрмолов-п2ь
    @АлександрЕрмолов-п2ь ปีที่แล้ว +1

    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;

  • @Mohammed-019
    @Mohammed-019 10 หลายเดือนก่อน

    Awesome

  • @walvin1967
    @walvin1967 7 หลายเดือนก่อน +1

    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 4 หลายเดือนก่อน

      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 7 หลายเดือนก่อน

    thanks!
    so...|
    no adapters?

  • @binarybulletin
    @binarybulletin 7 หลายเดือนก่อน

    Please Update GIthub repo which You covered In this video can't able to find Full source code

  • @isha25tripathi12
    @isha25tripathi12 6 หลายเดือนก่อน

    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

  • @KimiaSam
    @KimiaSam 10 หลายเดือนก่อน

    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?😅

  • @sonamohialdin3376
    @sonamohialdin3376 2 ปีที่แล้ว +1

    Very useful tutorial

  • @zude1100
    @zude1100 ปีที่แล้ว

    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

  • @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 ?

  • @emmanuelakogwu7761
    @emmanuelakogwu7761 ปีที่แล้ว

    Awesome tutorial.....thank you
    But I'd like to ask, can someone use rtkquery for data fetching React native too?

    • @DipeshMalvia
      @DipeshMalvia  ปีที่แล้ว +1

      Haven't tried, so not sure

  • @GALACTCPHAZE
    @GALACTCPHAZE 2 ปีที่แล้ว +1

    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.

  • @wingmann3632
    @wingmann3632 2 ปีที่แล้ว

    hi dipesh!
    can you explain how does onCacheEntryAdded() works with WebSockets?

  • @chirumamillabharath9037
    @chirumamillabharath9037 2 ปีที่แล้ว

    Waiting for this bro

  • @mukurpuri4966
    @mukurpuri4966 2 ปีที่แล้ว +1

    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!

  • @user-xn2rs7jq4y
    @user-xn2rs7jq4y ปีที่แล้ว

    Can you help me how to call RTK mutation in withFormik?

  • @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 clarifications in java ? Can you help me out ?

  • @vanithanm7988
    @vanithanm7988 2 ปีที่แล้ว

    Hi This is vanitha from chennai ..Can you take a class for react for me ? Plz ..I am new to react

  • @nomikhan87
    @nomikhan87 2 ปีที่แล้ว

    Can you please suggest extension for RTK query in visual studio

  • @ashokmehta3645
    @ashokmehta3645 2 ปีที่แล้ว

    how can we achieve infinite scroll using rtk query

  • @DeepakLalchandaniProfile
    @DeepakLalchandaniProfile 2 ปีที่แล้ว

    I have a specific javascript requirement can i send it to you in email ?

  • @omarabdullah9786
    @omarabdullah9786 6 หลายเดือนก่อน

    😊🥰

  • @imkir4n
    @imkir4n 2 ปีที่แล้ว

    Hi Dipesh how's poland life 😁

  • @danianiazi8229
    @danianiazi8229 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?

    • @danianiazi8229
      @danianiazi8229 2 ปีที่แล้ว

      @@nahidfaraji5069 not yet

    • @danianiazi8229
      @danianiazi8229 2 ปีที่แล้ว

      @@nahidfaraji5069 apparently rtk query only fetches the data when the data is empty or we have mention its dependency in others reducers

  • @durgaraoganta2767
    @durgaraoganta2767 2 ปีที่แล้ว

    Don't Shake your hands that much Times it diverts the user attention

  • @innocent3163
    @innocent3163 9 หลายเดือนก่อน

    Those that don’t know typescript , you should understand typescript first then continue here

  • @SmashyHoney
    @SmashyHoney ปีที่แล้ว +2

    Total time waste ..

  • @MDMUSASHUVA
    @MDMUSASHUVA 2 ปีที่แล้ว +2

    This is one of the best RTK Query content.