fbpx
Desarrollo y Tecnología

React performance and advanced DevTools

By 24 mayo, 2019 No Comments

React es un framework muy conocido por la comunidad con una gran cantidad de herramientas y desarrollos de terceros, utilizados desde proyectos grandes a pequeños, pero… ¿conocemos realmente su funcionamiento?. ¿Cómo funciona exactamente el DOM Virtual? ¿Cuál es su rendimiento?

Este framework ha ido evolucionando mucho desde su nacimiento, incorporando varios métodos y herramientas, para mejorar/medir su propio rendimiento. En esta charla haremos un repaso por cada uno de ellos, introduciéndonos en profundidad en su funcionamiento, modificación y construcción del DOM virtual.

Entre las herramientas más llamativas veremos:

– La herramienta de rendimiento de Google Chrome

– El Profiling de React extension

– Los Highlight updates

React environment tester

– Pruebas manuales

Además, por otro lado se explican los mejores consejos para solventar los problemas más frecuentes con código y se hace un repaso por los 4 tipos de componentes más comunes y útiles de React, detallando cada uno de ellos a nivel de performance.

A continuación se puede ver el video de la Interacso Talk completa con el detalle de todo lo descrito anteriormente.