Sesiones de Depuración en VSCode - Tutorial de React.js

Encontrar y depurar errores es uno de los procesos que más tiempo nos toma como desarrolladores. Te voy a mostrar una configuración que podemos utilizar dentro de Visual Studio Code para mejorar nuestra experiencia de depuración en aplicaciones React. Acá yo tengo una aplicación muy simple, que, básicamente, tiene un botón y al ejecutar este método llamado Test vamos a tener un error. Vamos a averiguar qué es lo que está pasando. Para eso, yo voy a, primero, ejecutar mi aplicación, Para eso voy a escribir npm start y esto va a ejecutar mi aplicación. Como vemos acá, solamente tengo un botón, y al hacer clic en él, vamos a encontrar que tenemos un error. Podríamos, por ejemplo, haciendo clic derecho, seleccionando Inspect o Inspeccionar, buscando dentro de la consola investigar qué es lo que está pasando. Pero, básicamente, lo que nos dice es que lo que estamos llamando no es una función. Sería más útil si tuviéramos un poco más de información sobre lo que está ocurriendo acá…