redux-toolkit-mentor

This Skill walks you through an 18-part curriculum that reads your actual Redux files, such as store.ts and apiSlice.ts, and explains them line by line. It covers concepts, internal mechanics, and quizzes you before moving to the next part.

It covers configureStore, createSlice, createAsyncThunk, createApi, RTK Query hooks, cache tags with providesTags and invalidatesTags, optimistic updates, and JWT authentication with axios interceptors. The final part traces a complete like-button flow end to end.

Queries declare providesTags to label cached data, and mutations declare invalidatesTags to mark those labels stale. When a mutation runs, RTK Query automatically refetches every query providing the invalidated tag, keeping the UI in sync with the server.

A custom axiosBaseQuery lets every endpoint reuse an axios instance with interceptors, such as automatic Authorization header injection and 401 token-refresh retries. fetchBaseQuery uses the browser fetch API and would require reimplementing that logic.

No, the curriculum is explicitly designed around reading the real files under ui/src/redux/ and quoting their exact lines. Without access to those files, the line-by-line project-grounded explanations cannot be delivered as specified.