Appendix: Connecting a React App to Strapi

We will describe how we can connect a simple frontend app to the API we have built throughout the book. We will use a sample React app as our frontend app.

About the React app

The sample app we will use here is a simple and minimal app built with ReactJS to illustrate how can we hook our API to a frontend app.

Figure 1: Example of the frontend app after startup

Figure 1: Example of the frontend app after startup

The React app allows students to log in, see a list of classrooms, enroll in a classroom, and see the classroom tutorials. The tech stack for the app is as follows:

  • ReactJS (TypeScript)
  • Reach Router: The routing component
  • Material UI: Used ...

Get Designing Web APIs with Strapi now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.