Debug angular App Efficiently with The Right tools and Stop using Console.log

Debug angular App Efficiently with The Right tools and Stop using Console.log

Debugging strategies and tools

Debugging strategies and tools

There are always bugs in applications. That’s why debugging skills are essential, and every tool to accelerate this process would be welcomed, Nah?

In this article, I'm going to expose my debugging strategies. They are mainly based on my own experience. Next, I’ll list the tools I usually use. And finally a bonus

Feel free to let me feedback to enrich those thoughts and tools in the comments section ;)

Ready, let’s go!

Debugging strategies

What’s going wrong?

Determining what’s the problem is already half of the solution. You need to understand the problem and have a clear idea in your head. Is it an error when triggering an event? Or is it an unexpected value or behavior? Whatever it is, we need to know when the error pops up? Where? And determine a global area.

There are mainly two types of issues:

  • An error is displayed on your console.
  • Strange behavior or unexpected behavior

Image for post

An error is displayed on your console:

This is generally less complicated. The console is already giving you a hint. All you need is to understand the error and find what triggers the error.

typescript programming angular javascript

What is Geek Coin

What is GeekCash, Geek Token

Best Visual Studio Code Themes of 2021

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

JavaScript Vs TypeScript

Get to know here difference between JavaScript & TypeScript, In this blog explained with pros and cons of TypeScript & JavaScript.

Object-Oriented Programming with Javascript — using Typescript

Object-Oriented Programming With JavaScript — Using Typescript. TypeScript lets you write JavaScript the way you really want to. TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. TypeScript is pure Object-oriented with classes, interfaces, and statically typed like C# or Java.

Install Angular - Angular Environment Setup Process

Install Angular in easy step by step process. Firstly Install Node.js & npm, then Install Angular CLI, Create workspace and Deploy your App.

What is TypeScript? Why TypeScript? and Why Not TypeScript?

TypeScript extends JavaScript by adding Types. There are many great reasons to switch to TypeScript. Especially if your team uses JavaScript. There are some reasons to not use TypeScript as there are with any language or framework.

Basics of Angular: Part-1

What is Angular? What it does? How we implement it in a project? So, here are some basics of angular to let you learn more about angular. Angular is a Typesc