Fetching and displaying data – the React-Flask approach

In this chapter, first, we will be fetching data on speakers and displaying it to the users of the application. But before heading into that, let’s do some code restructuring. You will need to restructure the backend to accommodate the growing app.py file contents in the project directory. Dividing the code into different components improves the overall structure and organization of the application.

Rather than having the entire code in a single module, you can structure your code to separate concerns. We’ll discuss more on code structuring for larger applications in Chapter 14, Modular Architecture – The Power of Blueprints. With this code split, developers can easily locate and modify specific parts of the code base without affecting other components. This modular approach also promotes code reusability.

Now, back to the code, you will add models.py to the backend project directory (bizza/backend...