React Redux Toolkit Query Tutorial and RTK Query CRUD Example App

thanks for your great teaching💐

Nice tutorial! Helped a lot.

One question regarding RTX: I see that both in your tutorial and documentation the flow goes like this:

- Get All Elements
- Update (mutate) one element, then invalidate get all elements
- Get all elements

Seems to be overfetching.Usually when I update one element I would just fetch that updated version and update only that element in the list. Is this not best practice? I can´t figure out how to just fetch the updated element and update that in the list. Do you know?

Thank you so much for explaining everything so clearly! :)

One suggestion:
Even if you've to make an even simpler app you can, please write and don't copy and paste the code. Because it can get confusing for some viewers. Again, that's just a suggestion.

Thank you very much this is a really good video❣ Would u please tell me that how or from where did u take that ===>tagTypes:['Todo']. I had the idea what was the purpose for using that but need to know that how did u decide that 'Todo' is the tag. Thank you Dave! Cheers..

Thank you Dave, You really elaborated every thing along side cases which help us to understand more clearly.

What of the AddTodo has an error from the backend, how do you resolve it.

Very well explained. Thanks Dave

Is it good practice to wrap index using apiprovider?

Thats was awesome

how to you paste the codes without writing them ? :D

I'm not really experienced to talk but i have Associate Degree in web development. I have never worked as dev but i graduated when first version of AngularJs was being released and i learned to code with js, php, java, pyhton and SQL with Mysql. Now i'm back to coding for fun and i love how easy everything has become, well maybe not easy for a beginner because most difficult part are concepts but a lot of work has been simplified, rtk query is a perfect example, love it! Thanks great explanation.

Thanks for the great tutorial. I have been dabbling a bit in RTK and so many things clicked for me while I was watching this

a side question , what is the theme that you are using in vscode it look great :D

When I clicked on an Individual Todo, it still re-render the all Todos. It's not working as same as the what we have done using createEntityAdapter.
How to fix this ?
By the way, thank you so much for your tremendous Content.

Excellent tutorial. Thanks alot.

After createdSlice, createAsyncThunk, and createApi, it seems createApi is the most comfortable if integrate with API.

Thanks a lot for the tutorial

Hello
if i want to use authorization headers for RTK Query, can i use direct argument? or have to store on redux store?

thanks

Hi Dave, is there a way to trigger the default GET request by the click of a button? Does the "useGetTodosQuery" also provide a getToDos function that can be used to make a GET request on the click of a button just like the other mutation method hooks do?

Is there a way to access the fetched data across the app e.g. in the footer without fetching it again there?

When are we to use async thunk and when are we to use rtk query?

YOU ARE A GENIUS.....NO 🧢

How RTK query is related to the redux state and store?

Thank you Dave. Very helpful! I am a little confused about the caching part though, where is the data being cached? Is it in our redux store/state? Or is it separate? For example are we able to target it with a useSelector and use the cached data in other components?

Tks sir :)

Would love to see transformErrorResponse incorporated and tested by forcing an error within the associated API.

if you are getting an ERROR - App.js:8 Uncaught TypeError: (0 , _redux_api_apiSlice__WEBPACK_IMPORTED_MODULE_2__.useGetAll) is not a function REDUX api .... YOU MUST call the hook with USE at the front and QUERY at the end, otherwise it will NOT work... so name MUST BE: useAnyNameQuery = works; anyNameQuery = fails; useAnyName = fails;

Awesome tutorial.....thank you

But I'd like to ask, can one use rtkquery and reactquery for data fetching in React native too?

Hi Dave! Very cool content. Thanks.
I had a question. I'm trying to call the API in a component, and read the value in another component (using lazy queries), however it never shows the result where I want to read it.
I've checked and the value is written to the store, and is actually readable using useSelector with some hacky tricks.
Do you know how can I possibly read the value in the destination component? Thank you!

Would it be acceptable to use Redux with React query instead of Rtk Query? It seem like they both serve same/similar purpose. Im currently watching your React Query tutorial so was hoping to implement that in my project that uses redux toolkit.

This is the best one on the topic by far ... Great job! Thanx!!

After being stuck for hours on configureStore({ }) you managed to solve my problem. Thank you for this quick and current video!

Thank you so much! Amazing lesson!

Thanks a lot Dave

npx json-server --watch data/db.json --port 3500

Loved the tutorial. Just one question, why not use .reverse() method instead of .sort() ? That's far simpler. Let me know if there is a problem that I am not aware of.

Marvelous! Thanks man. Keep it that way

Cool

I am wondering why my sorting does not work, I also try different way but it still did not worked.

thank you so much for this lesson. i am e project right now. And this video series helping me a lot )

I think your vscode theme has an outside effect on the quality of your videos :D
It is just beautiful to look at!

Hi Dave, thanks for the video. I understand everything you have covered but what about if you want to set up a mutation in apiSlice with data that is a manipulated version of what was fetched from a query? I tried pulling an object array into a component using a RTKQ query hook but when I duplicated the array and tried to make changes to it inside the component I got an error saying that the object elements are read-only.

The best video on RTK Query

love your tutorials! Could you make your videos with typescript, please? I think it will another level

Wow there so much you can do with redux and I thought i knew it all about redux and now i know that i dont.

my friend dave how are you ? help me i am stackkkkkkk, lol, i finished the backend with RTKQuery , now in the public area when user is not connected yet, there is no authorization set up in the request, so i am getting 401 from the apiSlice when i try to fetch data, what should i do please.