React Router and Redux Toolkit in Darija · Episode 3
Build a protected route, return to the profile after login, and trace a Redux Toolkit action from click to API response. A Moroccan Darija workshop, from sketch to proof in Chrome.
- 0:00 Resume the React project
- 0:41 From sketch to JavaScript click
- 2:26 SPA, Vite and React Router
- 3:31 Protected routes and returning after login
- 4:48 Link, NavLink, Navigate and useNavigate
- 6:53 Prop drilling and Context
- 10:28 Redux Toolkit: createSlice and dispatch
- 13:26 Async: pending, fulfilled and rejected
- 13:58 Comparison with Pinia
- 15:53 Test the HTTP 401 response