React Router DOM Lab

About

Welcome to Reactville, a constantly evolving virtual metropolis. Let’s build this digital town together, one component at a time.

Welcome to Reactville’s local post office! In this lab, you’ll develop an application that simulates the management of post office boxes. Features will include creating new mailboxes, viewing a list of all mailboxes, and exploring individual mailbox details.

Throughout the lab, you’ll use client-side routing tools from the React Router library to navigate between different components. This approach allows your single-page application to function more like a traditional multi-page website, improving the user experience by providing distinct navigable pages without full page reloads.

Content

• Setup
• Exercise
• Send and Receive Letters Exercise

Internal

Prerequisites

• Controlled Forms in React
• Lifting State in React
• React Router DOM

Time to complete

Estimated time to complete core lab exercise: 2 hrs

Solution code

🏁 Solution code

Course landing pages

• SEB - Software Engineering Bootcamp
• RDS - React Development Short Course
• Fallback

Resources

✏️ Instructor Guide

🎥 Video Hub

🏗️ Release Notes

Find a 👾 bug 👾 or have suggestions? Let us know!