Routing and Data Fetching Exercises
Learning Outcome Guide
Section titled “Learning Outcome Guide”At the end of this class, you should be able to…
- Demonstrate proficiency in implementing static and dynamic routing with React Router 7.
- Apply data fetching and state management techniques to render dynamic, data-driven pages.
Additional Notes:
- Provide 3-4 progressively challenging tasks to support different skill levels.
- Encourage pair programming for debugging route or data issues.
- Reinforce the importance of clear separation between routing, state, and data-fetching logic.
- Optional extension: introduce one stretch challenge integrating React Router’s loader for advanced students.