Single-Page Applications

Lesson content

What is a Single-Page Application? A Single-Page Application, or SPA, loads one main HTML page and updates the required content dynamically without reloading the complete browser page. Traditional Website User clicks a link ↓ Browser requests a new page ↓ Complete page reloads Single-Page Application User clicks a link ↓ Angular Router changes the component ↓ Only required content updates ↓ No complete page reload Angular Example /products → ProductsComponent /profile → ProfileComponent /orders → OrdersComponent Angular commonly builds SPAs using components and the Angular Router. Advantages Faster navigation Smooth user experience Reusable components No complete page reload Key Point SPA = One main page + dynamic component updates.