We’ve reached a milestone. With the completion of chapter 10, you now know all you need to know about React itself to start building some pretty complex web applications. This and the next two chapters are all project chapters. These projects are much larger examples that guide you through the first steps of creating a full-featured web application and set you up for creating more advanced variants of those same applications.
The project in this chapter is a website menu. It’s a top-bar menu component that you can directly use in a website. We’ll create this project in five steps, as outlined in figure 11.1.
Figure 11.1 We start this project with a scaffold, and through the steps in this chapter, we’ll build a fully fledged dynamic menu with an optional link to a profile page.
The scaffold is where you start out building this application. Each additional step of the application adds more advanced features to the menu while utilizing new parts of the React API. We’ll set up step 1 first in this chapter, and then we’ll solve step 2 together. From then on, we’ll introduce the subsequent steps to you, but then you have to solve them yourself.