CodingNic

Architecture and Data

Follow the Application Router

Architecture and Data 10 min read

Follow the Application Router

Open client/src/App.jsx and look at the three routes. The same React application renders the Ledger, Summary, and Categories pages based on the URL.

This is a good place to introduce one framework concept: React Router lets the application swap page components without rebuilding a separate application for every screen.

Checkpoint

Click each navigation link and confirm the correct page renders.