Building interactions

Let's take a look at a simple Single-Page Application (SPA):

1. Navigate to the simple-reactjs-app directory in chapter-10 (cd simple-reactjs-app).
2. Install the dependencies with npm install.
3. Run the app with npm start.
4. Access the app at http://localhost:3000. Here's what you'll see:

Figure 10.1 – Simple React app

As you click through the detail buttons and inspect your network tab, you will see that the page does not reload and it only loads the JSON data from the server. This is a very basic example of how an SPA functions: with minimal server usage, the user experience's interactions are streamlined, contributing to an efficient, low-overhead workflow. You're probably familiar with other SPAs, such as Gmail, Google Maps, and Facebook, though the underlying technologies vary.

It may be taken for granted in this day and age of internet technology, but JavaScript is the foundation of how these apps work. Without JavaScript, we&apos...