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

JSX and Displaying Lists in React

Componentization is a design paradigm in React application development. As a developer and React enthusiast, you will develop tons of useful components. You will need a combination of units to provide interfaces the user can interact with seamlessly.

JavaScript Syntax Extension (JSX) is an innovative approach to describing the User Interface (UI) for modern web applications. In this chapter, we are going to take a clinical dive into why JSX is one of the core requirements in developing production-ready React applications. In addition, you will learn how to display lists in React.

We use lists in virtually every web application development project we undertake, and knowing how to render lists is a required skill set for web developers. HTML and JavaScript, as languages of the web, have been with us from the beginning, helping web developers build web applications.

However, in recent times, the demand for complex and highly rich interactive...