Creating a project management board application

In this section, we'll create a project management board PWA that uses React APIs such as Suspense and the HTML5 Drag and Drop API. We're going to use a Create React App, which we can find in the GitHub repository for this chapter.

Handling the data flow

With the initial version of the application in place, the next step is to fetch the data from the data file and handle its flow through the components. For this, we will use React Suspense and memo. With Suspense, we can access the React lazy API to dynamically load components and, with memo, we can control which components should rerender when their props change.

The first part of this section will show us how to load...