Thank you for reading!
I’m not very familiar with React as I am an Angular developer, but I’ll try to help as much as I can.
There are a few ways you get make calls to your API with React. The bog-standard way is to use the built in Fetch API. This is simple and doesn’t require any external NPM packages.
Another way, which seems to become the standard for React, is to use axios. This is similar to fetch, but reduces the amount of code you need to write and is more readable.
You can also use async/await with fetch and axios.
Here’s a good breakdown with code examples of how to use it with react.

Recently, I’ve switched from Flask to FastAPI. I made another post here. With FastAPI, you get more speed and native typing to enforce better security. Everything covered in this post translates well to FastAPI. For example, the mongoengine portion is exactly the same, and the function body itself is nearly identical. The only real difference with the declarations, especially with POST. FastAPI doesn’t use classes to organize it’s routes, so it will be a little different. Just remember that some packages imported in this post don’t work with FastAPI, such as flask-bcrypt, but generic packages exist, as they are just wrappers for Flask. As a final point, the JWT authentication doesn’t translate over, but in my SEPHIRA project, I made a custom module for JWT authentication that works almost the exact same way.

Feel free to respond if you have any more questions.

This is my first time building an api using Flask (or anything else) and was wondering if you could help me connect the api developed here to my React frontend.

Any resources that you could point me towards would help too!

I’d be super grateful for any help you could provide.

Thanks!!
Rishi.