SPA Architecture

Learn about the details of Single Page Application (SPA) architecture.

We'll cover the following

Understanding the SPA architecture

Understanding the SPA architecture

In this chapter, we will start to understand the single-page application (SPA) architecture.

A SPA is a web app that loads a single HTML page that is dynamically updated by JavaScript as the user interacts with the app. Imagine a simple sign-up form where a user can enter a name and an email address. When the user fills out and submits the form, a whole page refresh doesn’t occur. Instead, some JavaScript in the browser handles the form submission with an HTTP POST request and then updates the page with the result of the request. Refer to the following diagram:

Get hands-on with 1200+ tech skills courses.

Introduction

Getting Started

Creating Decoupled React and ASP.NET 5 Apps

Building a Frontend with React and TypeScript

Styling React Components with Emotion

Routing with React Router

Working with Forms

Managing State with Redux

Interacting with the Database with Dapper

Creating REST API Endpoints

Improving Performance and Scalability

Securing the Backend

Interacting with RESTful APIs

Adding Automated Tests

Configuring and Deploying to Azure

Implementing CI and CD with Azure DevOps

Conclusion

SPA Architecture

Understanding the SPA architecture