Full Stack JavaScript Strategies

Chapter 22. Frontend Debugging

You’re finally at the point in your frontend app where you have everything ready for production. You’ve had to debug issues during development, so you already have some strategies or approaches to take. Now that everything’s integrated and your app is in production, you need a more systematic approach to finding and resolving bugs.

Although there isn’t a single strategy that will guarantee you find a bug the exact same way every time, there are some common things you can do to give yourself and the team a good starting point. So as you and other teams start to work together with the app on production, you can help everyone by learning how to quickly track down root causes.

In this chapter, I’ll go over:

• Places to start your debugging journey

• Tools you can use to help

• Other areas to consider when you get stuck

• What to do when a bug is happening because of another team

Debugging is an art that takes time and exposure to numerous projects to get better at. It’s one of the most underrated and valuable skills you can have because it will be applicable to any app you ever work on and across all programming languages. Even though we try our best not to introduce bugs to the code, it happens. As you encounter more causes of bugs in your work, you’ll be able to add more debugging approaches to your toolbox.

The Debugging Process

One of the first things you need to do is become aware that a bug exists. Someone from the Support team could bring it ...