¿React js es realmente el motor de visualización de alto rendimiento?

Considere lo que miden esos puntos de referencia: el rendimiento de los marcos relativos entre sí.

¿React es el marco de mayor rendimiento que existe? Absolutamente no. Dicho esto, te da muchas cosas que otros frameworks no:

  1. Muy buenos mensajes de error, con documentación excepcional
  2. Posiblemente las mejores herramientas de desarrollo de cualquier marco moderno
  3. Comprobación de tipo de propiedad
  4. Rendimiento absoluto realmente bueno para los casos de uso más comunes, sin necesidad de realizar ningún ajuste de rendimiento funky
  5. Soporte para una amplia variedad de características (como contexto y estado interno), lo que permite una amplia variedad de aplicaciones
  6. Es estúpidamente fácil una vez que te acostumbras

Cuando observa otros marcos, no obtiene las mismas características en general o el mismo soporte. Algunas cosas que podría hacer trivialmente con React son simplemente imposibles con otros marcos. Otras cosas son complicadas.

Cuando React era nuevo, el rendimiento era un problema mucho mayor. La comunidad angular era mucho más grande de lo que es ahora, y el rendimiento fue un punto de dolor enorme. Reaccionó sopló Angular fuera del agua en ese sentido.

Mire los resultados del punto de referencia y considere los dos “peores” puntos de referencia para React:

  • Renderizando 1000 filas en una tabla: 190ms
  • Intercambiar dos filas en una tabla de 1000 filas: 48 ms

¡No esta mal! Especialmente dado que a.) React no sabe nada acerca de su tabla y b.) Una tabla de 1000 filas en HTML es bastante costosa en general. En ambos casos, React es menos de cinco veces más lento que la manipulación de DOM de vainilla, lo cual es bastante bueno teniendo en cuenta que React tiene que hacer toda la contabilidad en torno a los datos que está pasando, lo que cambió y la estructura de su página.

¿Reaccionar es el más rápido? No. Pero el ligero sacrificio de rendimiento para el resto del marco termina siendo bastante bueno.