You're reading from Full-Stack Flask and React Learn, code, and deploy powerful web applications with Flask 2 and React 18

Product type Paperback

Published in Oct 2023

Publisher Packt

ISBN-13 9781803248448

Length 408 pages

Edition 1st Edition

Languages

JavaScript

Tools

Flask

Concepts

Full Stack Web Development

Author (1):

Olatunde Adedeji

View More author details

Table of Contents (21) Chapters

Preface

1. Part 1 – Frontend Development with React

2. Chapter 1: Getting Full Stack Ready with React and Flask FREE CHAPTER

3. Chapter 2: Getting Started with React

4. Chapter 3: Managing State with React Hooks

5. Chapter 4: Fetching Data with React APIs

6. Chapter 5: JSX and Displaying Lists in React

7. Chapter 6: Working with React Router and Forms

8. Chapter 7: React Unit Testing

9. Part 2 – Backend Development with Flask

10. Chapter 8: SQL and Data Modeling

11. Chapter 9: API Development and Documentation

12. Chapter 10: Integrating the React Frontend with the Flask Backend

13. Chapter 11: Fetching and Displaying Data in a React-Flask Application

14. Chapter 12: Authentication and Authorization

15. Chapter 13: Error Handling

16. Chapter 14: Modular Architecture – Harnessing the Power of Blueprints

17. Chapter 15: Flask Unit Testing

18. Chapter 16: Containerization and Flask Application Deployment

19. Index

Why subscribe?

20. Other Books You May Enjoy

Fetching and Displaying Data in a React-Flask Application

In the preceding chapter, you were able to successfully integrate the React frontend into the Flask backend. This is a significant milestone in the journey of a full stack web developer. In this chapter, you will build on what you have learned and dive deeper into data fetching in a full stack web application.

Data fetching is important in a web application because it allows the application to retrieve data from a backend server, API, or database and display that data to a user. Without the ability to fetch data, a web application would be limited to displaying only hardcoded data, which would not be very useful or dynamic. By fetching data from a backend server or API, the application can display up-to-date, dynamic data to the user.

In addition, data fetching is often used in combination with user interactions and updates to the data, allowing the application to perform actions such as inserting, updating, or deleting...