RTK Query (Redux Toolkit Query) - Full Course in Hindi by Frontend Master #redux #rtkquery #rtk

🔴 1 Month Live HTML To React Course: https://topmate.io/frontendmaster Code: https://github.com/rahuulmiishra/toolkit How to set headers for specific API: getAllTodos: builder.query({ query: function() { return { url: "/todos", headers: { headerKey: "headerValue" }, }; }, }), How to get API data, re-renders the component once data is updated. const allTodosSelector = apiSlice.endpoints.getAllTodos.select(); // Use the selector function with the state const allTodos = useSelector(function(state) { return allTodosSelector(state) } ); mastering rtkqeury how rtk query work working with rtk query in react rtk query full course rtk course rtk learn redux toolkit query fetchBaseQuery rtk Multiple Slice rtk unwrap and refetch rtk Invalidating Data: Purging Cache rtk Tag Types: Provides and Invalidate - rtk Optimistic Updates with rtk Fetch on Focus and Reconnect rtk Optimistic Updates with rtk Content: 00:00:00 Intro 00:00:23 Agenda 00:02:02 Redux+API mental model 00:07:24 RTK Query Mental Model 00:12:06 ToDo App Walkthrough 00:13:06 Creating a todo app 00:21:30 Issues with making API call in useEffect 00:30:10 Adding RTK Query 00:36:00 Consuming API 00:47:40 baseQuery usage 00:49:50 fetchBaseQuery 00:53:00 transforming Response 00:56:00 triggering API on click 01:08:00 Multiple Slice: Bad Practice 01:16:00 Multiple Slice: Good Practice 01:20:00 RTK and Dev Tools 01:24:00 Add Todo: POST Method 01:30:00 unwrap and refetch 01:34:10 Tag Types: Provides and Invalidate 01:36:40 Invalidating Data: Purging Cache 01:39:20 Fetch on Focus and Reconnect 01:43:20 Optimistic Updates 01:49:20 setting headers 01:50:40 prefetching: 2 Ways #redux #reduxtoolkit #rtkquery #reactjs #frontend #reduxtoolkitquery #rtkquery