In client-side routing, the browser does not refresh or 'blink' when you go to a new page. Instead, JavaScript instantly swaps the content on your screen.

The No-Reload Rule

These are websites that load only once. After the first load, every other 'page' you visit is just a different view within that same single page.

Single Page Applications

JavaScript acts like a tour guide that listens for your clicks and decides which part of the website to show you next without asking a server for a new file.

JavaScript the Navigator

Instead of standard web links, modern apps use special components that tell the browser to stay on the current page while changing the content.

Smart Link Components

Even though the page doesn't reload, the text in your browser's top bar still updates so you can see exactly where you are on the site.

Changing the Address Bar

This technology allows the 'Back' and 'Forward' buttons to work properly even when you haven't actually left the original page.

Browser History Magic

The router looks at the URL and matches it to a specific piece of code to determine if it should show the 'Home,' 'About,' or 'Contact' view.

Path Matching Basics

These are dynamic parts of a web address, like a user ID, that allow the same layout to show different information for different items.

Placeholders in URLs

This allows for complex layouts where one part of the screen stays the same, like a side menu, while a smaller section changes as you navigate.

Routes Inside Routes

Because the browser downloads most of the website's logic at once, the very first time you open the site might take a few extra seconds.

The First Load Wait

If a user types an address that doesn't exist, the client-side router is responsible for showing a friendly 'Not Found' message.

Missing Page Handling

Since the content is generated by JavaScript, developers use special techniques to help search engines like Google read and list the website's pages.

Client-Side Routing Concepts