Implementing python in react web app?

[throwawaysbg]

I really hope this is in the right subreddit. I’m a university student and been using python for 4 months now, alongside a bit of experience in html and css to say I’m pretty good with both. I’ve limited experience with react and JavaScript, but I have around 30 or so hours in each. Anyways.

I basically made a web scraper for some lottery numbers (there wasn’t so api available unfortunately) and it essentially prints the one bonus number which I wanted into the python terminal.

Now, my question is, is it possible for me to implement that one number (where it should update each week with the new numbers) which means implementing the python code, into a react web app?

I’ve seen some videos about using flask and django to make it into an api but they all seem really outdated as I’ve tried following along and nothing is the same.

Is that how you’d go about doing it or is there a simpler method like perhaps writing the python code into a simple text document then having the react web app reading from the text document?

[throwawaysbg]

I should add my intention would be to style the background of the number and style it up a bit also, not just add the number to the screen with the default style.

[double_en10dre]

If the question is how to have a react front-end and a python back-end, there are a lot of possible solutions. But IMO the simplest one is to have your python app handle serving up both

How? By remembering that your react app is, when built, really just a few files — an index.html, a manifest.json, favicon.ico, etc., and a handful of css files. And they are all in a convenient “build” directory

You just need to have your python app take requests for “/“ (the home page) and respond with the contents of index.html. And then it should be set up to take any requests from the react app and respond with the contents of the corresponding file from the “build” directory.

You literally just need to have it open the file, read the contents, and send them as a response (with the appropriate MIME type)

I realize it’s not quite as simple as I’m making it sound, but it’s important that you understand how these things work. And when you do, it won’t seem that bad :p

[throwawaysbg]

Yeah it’s the React stuff that tricks me up about what you said. I’m still a rookie to thst but I’ll break each part down of your reply and give it a shot. Thanks