Eso es otro tema completamente. Pero este es otro ejemplo de cómo React implementa mejoras de rendimiento invisibles bajo nuestras narices sin que nadie se dé cuenta. Entonces, use effect, batching, suspense, todos esos son ejemplos de la mano invisible de React que hacen que nuestras aplicaciones sean más rápidas. Hay varios ejemplos más de los que quería hablar, algunos exitosos, otros no tanto. Lamentablemente, no caben en esta ocasión. Sé que React recibe muchas críticas, a veces merecidas, pero esta mano invisible es algo que realmente me gusta mucho.
¡Gracias! Pasemos a las preguntas y respuestas. Todavía puedes hacer preguntas con el código 0614. Estoy emocionado por ver qué preguntas hacen las personas. ¡La espera me está matando!
Muy bien. ¿Use layout effect tiene la misma situación que did mount did update? Sí. Use layout effect tiene el mismo comportamiento que did mount, did update y esta es la razón por la que React desaconseja su uso, porque si lo usas, corres el riesgo de reintroducir los mismos problemas de rendimiento que tenía did mount. Chicos, silencio en la parte de atrás, gracias. Gracias.
¿Cuál es el costo de agregar suspenses? ¿Qué pasa si agrego 100 en una página? Hice la misma pregunta. Le pregunté a Dan Abramov sobre esto, como, oye, ¿qué pasa, por qué no puedo envolver cada elemento de la página con suspense? ¿Hay alguna desventaja nueva en esto? La respuesta que recibí fue que básicamente no hay desventajas significativas. El único problema que tendrás es que si algo se suspende, realmente se suspende porque está obteniendo algo, entonces, verás el fallback renderizado. Si olvidas proporcionar un fallback en algún lugar, eso será, bueno, el elemento se mostrará y desaparecerá. Pero aparte de eso, no tengo conocimiento de grandes desventajas. Gracias.
Hay un par de preguntas sobre la hidratación selectiva. ¿Puedo elegir qué hidratar primero, como en el ejemplo de Airbnb, y solo ocurre al hacer clic, y puedes contarnos más al respecto? Buena pregunta. Entonces, primero, ¿puedes seleccionar qué hidratar primero? Hasta donde sé, no puedes. Según mi conocimiento, Rack simplemente hidrata todos los límites de suspense de arriba a abajo. Probablemente haya algo de obtención de datos o espera de datos del servidor involucrado, pero no conozco ninguna API que te permita decir, como, hidrata esto primero. Además, no solo el clic lo fuerza, lo que fuerza la hidratación son todos los eventos que Rack llama discretos, que básicamente son clics, entradas y creo que eso es todo. Cosas como movimientos del mouse o desplazamiento que no deberían forzar la hidratación. Gracias.
Pareces estar muy metido en los detalles del rendimiento de React. Alguien pregunta...
Comments