React Redux Toolkit RTK Query Tutorial | RTK Query CRUD | Data Fetching & Caching Tool - 1

Поділитися
Вставка
  • Опубліковано 12 вер 2024

КОМЕНТАРІ • 69

  • @DipeshMalvia
    @DipeshMalvia  2 роки тому +7

    Guys, if the video is helpful to you or you learned something than please appreciate and hit the LIKE and SUBSCRIBE button and help this channel to GROW😉

    • @chtndas
      @chtndas 2 роки тому

      Thank you for this wonderful tutorial explaining RTK queries in detail and with much needed example for beginners.

  • @Aaronmoreno
    @Aaronmoreno 2 роки тому +1

    such great stuff. Haven't found this good of tutorials on current redux. Thanks

  • @mohamedyoussef8835
    @mohamedyoussef8835 2 роки тому +1

    Awesome videos - great information - great explanations 😃😃😃

  • @vinaykumar6916
    @vinaykumar6916 2 роки тому +3

    Thanks bro finally aapne mera request sun liya

  • @6900a3
    @6900a3 Рік тому

    Thank you very much for detailed explanation how to configure RTK!

  • @juanmanuelblancovargas9299
    @juanmanuelblancovargas9299 Рік тому

    Great Video!!

  • @pablomarino
    @pablomarino 2 роки тому +1

    Excelent! thanks!

  • @zm690
    @zm690 2 роки тому +1

    Great tutorials, thank you !

  • @FunwithIndra
    @FunwithIndra Рік тому

    HI Dipesh.. Thanks a lot for uploading this video.. very useful and well explained.. can you please make a video using advanced features of rtk query.. like inject endpoints, combining reducers.. etc

  • @ennassefismail5854
    @ennassefismail5854 2 роки тому

    Good job with this video, thanks!

  • @saumyaranjannayak2101
    @saumyaranjannayak2101 2 роки тому

    Loved it !

  • @dexcoder1207
    @dexcoder1207 2 роки тому

    I was really looking for this crud application because i wanna use rtk query in my project. Thank you

    • @PIYUSH-lz1zq
      @PIYUSH-lz1zq 2 роки тому +1

      what is conditional check(?.) ??? what , how it works ?

    • @dexcoder1207
      @dexcoder1207 2 роки тому

      @@PIYUSH-lz1zq we check we have data or not if we don't have data so it shows undefined. if you don't have conditional check then it shows an error

  • @purnashankar7344
    @purnashankar7344 2 роки тому

    First view ..first like ..first comment too

  • @nazimkhan5446
    @nazimkhan5446 2 роки тому +3

    Sir you have made a tutorial on redux I have learned redux from there it was amazing but please also add add and update functionality in the redux playlist. Because it has only fetch products and fetch single product concept.

  • @sayandas9087
    @sayandas9087 Рік тому

    The video was helpful. Can you please tell how to export those builder queries as functions as we can't use them as hooks inside a useEffect hook?

  • @hymnsbharat7730
    @hymnsbharat7730 2 роки тому +3

    sir, it is possible to implement rtk query in react native?.if possible sir can u make a crash course react native using rtk query

    • @DipeshMalvia
      @DipeshMalvia  2 роки тому

      Haven't tried give a try we can look together.

  • @luatnguyenvan417
    @luatnguyenvan417 2 роки тому +1

    thanks

  • @mohdsahil226
    @mohdsahil226 2 роки тому

    Thanks! Could you please do the with NextJs as it gives static pages so do we need to add every API to reducer to cache? Please help

  • @hk_build
    @hk_build Рік тому

    Using rtk query we don't have to write any reducers??
    What if I have to customise my reducer it's quite confusing

  • @subhashgn1775
    @subhashgn1775 2 роки тому

    Thank you for the grear resource.
    I have a question what if we have to do multiple api calls in the same component at different time interval.
    At that time how to get isLoading, isFetching, error (since alreday declared for the 1st hook)?

  • @haupham5505
    @haupham5505 2 роки тому +1

    Great video, i have a question for redux toolkit query. I want to custom data in store, how do I do it

    • @PIYUSH-lz1zq
      @PIYUSH-lz1zq 2 роки тому +2

      what is conditional check(?.) ??? what , how it works ?

  • @adeshgangwar3555
    @adeshgangwar3555 2 роки тому

    quick question:
    So you are passing a id props to ContactDetails component. But In my case I don't want to pass that value as a prop. I just have a dropdown in ContactDetails page and whenever that dropdown value change I want to trigger me useget query.
    how I can do that?

  • @doomguy2135
    @doomguy2135 2 роки тому

    What's the benefit with RTK query, over, say just putting an axios fetch request inside a use effect? During each page refresh, requests will be executed in both cases, so what's the difference?

  • @yassiribrahim7521
    @yassiribrahim7521 2 роки тому

    Second like for Dipesh From Yassir

  • @bestsolution794
    @bestsolution794 2 роки тому

    Can you please complete this series as soon as possible .. please...
    And are you making a curd operation ??

    • @DipeshMalvia
      @DipeshMalvia  2 роки тому

      This is only 2 part in the first we see the query and in the second part we see mutations and invalidation.

  • @mohdsahil226
    @mohdsahil226 2 роки тому

    Could you please make a video on NextJS + RTK + RTK query?

  • @electrickids_club
    @electrickids_club 2 роки тому

    Hi! nice vide, I was wondering when new data merges with previous data like in infinite scrolling, how would you do that? do you know where can I find more info about my question?

    • @ALostEngineer
      @ALostEngineer 2 роки тому

      you need to pass some identifier so that service will able to understand how many or from where to where data is needed, check react windowing

  • @yuvhrajverma9665
    @yuvhrajverma9665 2 роки тому

    I didn't understand the reducer part at 14:19 sir can u plz explain it to me , the syntax also

  • @gavishdi
    @gavishdi 2 роки тому

    I saw you defined RTK query createApi(), but createApi can have multiple end points. How do we control, which end point should trigger on load and which not?

    • @jomarcui2900
      @jomarcui2900 2 роки тому

      You can use skip/skipToken. This will prevent a hook from firing.

  • @PIYUSH-lz1zq
    @PIYUSH-lz1zq 2 роки тому +1

    what is conditional check(?.) ??? what , how it works ?

    • @abhinav227
      @abhinav227 2 роки тому

      it is shorthand for {data && {data}}

  • @sinaukode
    @sinaukode 2 роки тому

    how if we want to use the query hook with manually triggering, so it's not fetching on the first load, but waiting us for clicking some button or something,,, anybody know???

  • @pupil_1
    @pupil_1 Рік тому

    where did we use caching

  • @ahmadfaraz3678
    @ahmadfaraz3678 2 роки тому

    How I can use RTK query with async thunk?

  • @tirthpanchal5027
    @tirthpanchal5027 2 роки тому

    hi brother i have seen ur react videos and i am having one dout how can i ask!! pls bro i am totally confused

  • @balakishore3952
    @balakishore3952 2 роки тому +1

    Can I use it in .js files instead.ts files?
    Can anyone answer this?

    • @DipeshMalvia
      @DipeshMalvia  2 роки тому

      Yes, you can use - but make changes accordingly to the code.

  • @shohagkhan3677
    @shohagkhan3677 2 роки тому

    Rtk query, swr, React query, which one we should use...🤔
    Confused..😢

    • @PIYUSH-lz1zq
      @PIYUSH-lz1zq 2 роки тому

      hell lot of confusion !! every month some development is coming ..... web me zinda rahena muskil hai !!

    • @shohagkhan3677
      @shohagkhan3677 2 роки тому

      @@PIYUSH-lz1zq 😀😀😀

    • @PIYUSH-lz1zq
      @PIYUSH-lz1zq 2 роки тому

      @@shohagkhan3677 bhai which year which clg

    • @shohagkhan3677
      @shohagkhan3677 2 роки тому

      @@PIYUSH-lz1zq Vai, mera parhai sesh hua.

    • @PIYUSH-lz1zq
      @PIYUSH-lz1zq 2 роки тому

      @@shohagkhan3677 kiss tech stack me job karte ho .. oor kaha

  • @Hamzamongam
    @Hamzamongam 2 роки тому

    What's the best way for implement infinity pagination with RTK Query

  • @ayoubdev8019
    @ayoubdev8019 2 роки тому

    the problem is "hell i don't use TypeScript i use JavaScript" CMON BRO :/, but anyways thanks

  • @romimaximus
    @romimaximus 2 роки тому

    Mann !! this RTK Query is so complicated !! i better off just using Fetch or Axios... , but this was a great tutorial like always..thankx Dipesh 😎👍

  • @adimaralimuddin96
    @adimaralimuddin96 2 роки тому

    i hate redux. there are too much boiler-plate. why dont we just use zustand and react-query.

  • @redm4rco
    @redm4rco 2 роки тому

    The RTK query api is one damn ugly api

  • @sebastianwolfgang8189
    @sebastianwolfgang8189 2 роки тому

    At the moment of starting the app it returns this error: ./src/index.css (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-4-1!./node_modules/postcss-loader/src??postcss!./src/index.css)
    Error: Cannot find module 'caniuse-lite/data/features/css-unicode-bidi'
    Any idea what it could be?