Building the Single-Page App

In the previous chapter, we extended a basic React app with the tooling and setup that we require to build user interfaces. This means that in this chapter, we can focus on the functionality that will make up our single-page app. Specifically, we’ll add functionality that allows users to authenticate, manage their passwords, and manage their to-dos.

The user interface and functionality to manage user authentication and passwords is useful to any app and could be used directly in yours. While the to-do user interface is unlikely to match what you require in your own apps, the techniques will be applicable.

So, in this chapter, we will cover the following topics:

• Adding navigation
• Adding user authentication pages
• Adding password management pages
• Adding to-do pages