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

Working with React Router and Forms

React Router is a library for client- and server-side routing. Imagine the usual way websites work; when you click on a link, your browser sends a request to the web server, receives a bunch of data, and then takes time to process everything before finally displaying the content of the new page.

You will get the same experience every time you request a new page from the website. With client-side routing, things get way smoother! Instead of going through that whole process every time you click a link, your web app can update the URL instantly without bothering the server for a new document. This means your web app can quickly show you a new part of the app without any delays. This and more is what React Router offers.

In this chapter, we will explore React Router v6 as a magical tool to handle navigation. You can also use React Router for data fetching but we will limit our scope to component navigation in this book. You will implement simple...