This chapter covers:
- Eliminating page reloads by combining multiple single-page apps into one
- Constructing a shared application shell as a single entry point for the user
- Exploring different approaches for client-side routing
- Discover how the micro frontends meta-framework single-spa can make integration easier
In the last two chapters, we focused on composition. We integrated user interfaces from different teams into one view. You learned server- and client-side techniques for doing this. In this chapter, we’ll take a step back and look at page-level integration.
In chapter 2.2 Integration via links we already covered the most basic page-integration technique: the plain old link. Later in chapter 3.2. Routing via a shared web-server you saw how to implement a common router that forwards an incoming page-request to the responsible team. Now we’ll take these concepts and apply them to client-side routing and single-page apps.