Debugging frontend apps

Debugging frontend applications has a different approach than debugging backend applications.

No matter where the code resides, be it locally or exclusively in the container, the same WDS (Webpack Dev Server) technique is used for modern javascript frameworks.

The configuration process differs based on the IDE you use, but is similar across IDEs.

We will showcase two examples, for VS Code and Jetbrains, with Angular and React respectively, but the instructions can be interchanged, and used for other frameworks as well.