Del curso: React avanzado 1

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 23.200 cursos impartidos por expertos del sector.

Inspección de componentes React en tiempo real

Inspección de componentes React en tiempo real - Tutorial de React.js

Del curso: React avanzado 1

Inspección de componentes React en tiempo real

En esta lección te quiero mostrar una excelente herramienta que te va a ayudar a probar tus componentes dentro del navegador. La herramienta es una extensión de Chrome llamada React Developer Tools. Está desarrollada directamente por Facebook y la puedes encontrar dentro de la Chrome Web Store. Simplemente tienes que buscar el nombre de la extensión e instalarlo en tu navegador. Una vez que se encuentra instalado, puedes ejecutar tu aplicación de React, acá yo ya estoy ejecutando una, y siempre y cuando esté en la modalidad de desarrollo y no en la de producción, vas a poder interactuar con los diferentes componentes. Te voy a mostrar cómo funciona. Acá podemos ver que ya se encuentra instalada la extensión dentro de mi navegador y también hace la salvedad de que tenemos que utilizar la versión de desarrollo. Vamos a poder ver las herramientas adicionales al hacer clic derecho, Inspeccionar, y vamos a encontrar dos herramientas llamadas Components y Profiler. En Components…

Contenido