Editing and debugging a full stack app by attaching projects
PyCharm has the ability to attach multiple projects together allowing you to work on full stack applications in the same instance of the IDE. When you are running multiple attached projects in your PyCharm IDE, you can debug them together in a seamless fashion! This capability alone is probably reason enough to stop using vim or VS Code and never look back! While it is possible to do this in other IDEs or even VS Code, PyCharm makes it so easy you’ll probably not want to.
Creating a React app in a separate project
To create a frontend for our FastAPI backend, we’re going to leverage React. As usual, I won’t have the space here to teach you a lot about React. I’ll make sure there is some reference reading in the Further reading section at the end of this chapter.
To create a React app in PyCharm Professional, just use the usual File | Project operation to which you have hopefully become...