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

Поделиться
HTML-код
  • Опубликовано: 19 окт 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.

  • @6900a3
    @6900a3 Год назад

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

  • @mohamedyoussef8835
    @mohamedyoussef8835 2 года назад +1

    Awesome videos - great information - great explanations 😃😃😃

  • @Aaronmoreno
    @Aaronmoreno 2 года назад +1

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

  • @vinaykumar6916
    @vinaykumar6916 2 года назад +3

    Thanks bro finally aapne mera request sun liya

    • @DipeshMalvia
      @DipeshMalvia  2 года назад +1

      Maine bi kuch naya sikliya 👍

  • @zm690
    @zm690 2 года назад +1

    Great tutorials, thank you !

  • @juanmanuelblancovargas9299
    @juanmanuelblancovargas9299 Год назад

    Great Video!!

  • @ennassefismail5854
    @ennassefismail5854 2 года назад

    Good job with this video, thanks!

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

  • @saumyaranjannayak2101
    @saumyaranjannayak2101 2 года назад

    Loved it !

  • @pablomarino
    @pablomarino 2 года назад +1

    Excelent! thanks!

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

  • @luatnguyenvan417
    @luatnguyenvan417 2 года назад +1

    thanks

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

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

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

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

  • @sayandas9087
    @sayandas9087 2 года назад

    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?

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

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

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

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

  • @purnashankar7344
    @purnashankar7344 2 года назад

    First view ..first like ..first comment too

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

  • @yassiribrahim7521
    @yassiribrahim7521 2 года назад

    Second like for Dipesh From Yassir

  • @ahmadfaraz3678
    @ahmadfaraz3678 2 года назад

    How I can use RTK query with async thunk?

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

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

  • @pupil_1
    @pupil_1 Год назад

    where did we use caching

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

  • @yuvhrajverma9665
    @yuvhrajverma9665 2 года назад

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

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