How to use Flask to serve a React.js single page component

Question

I have an application that is largely tables and standard pages and forms. However, I have one page this really need to be highly responsive that is probably best developed in React.js.

I would like to have a Flask + Jinja handle the delivery of most of the pages. I understand Facebook does a bit of this with PhP for the majority of the site with React.js handing the responsive components. Is there a Flask library that makes this simple?

Richard Zhan · Accepted Answer · 2020-09-27 23:35:42Z

2

I don't think you need to use any library for this as it's pretty straightforward.

All you need to do is:

Make that page using React.js and build the project to make bundle Javascript file which bootstraps the React.js page.
Make div inside your jinja template and import that bundle javascript file.

Here, one important thing is to assign identical 'id' to the Jinja template div and React.js rendering div.

answered Sep 27, 2020 at 23:35

Richard Zhan

5003 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to use Flask to serve a React.js single page component

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related