URL: https://www.youtube.com/watch?v=NGxVLnJKhP8
La charla explica cómo funciona internamente React con el objetivo de entender cómo y por qué ciertas optimizaciones de performance funcionan.
shouldComponentUpdate
puede no funcionar bien sin inmutabilidad, porque necesitás hacer un deep equal lo cual puede ser muy costoso, y un simple ===
no va a funcionar porque tanto this.state.key
y nextProps.key
referencian a la misma instancia del objeto. Con datos inmutables, cada uno referenciaría a una nueva instancia por lo cual un ===
funcionaría.
usar setState()
o connect()
en los children puede tener un impacto en la performance. En el caso de un List
cuyos hijos son varios Item
, en lugar de pedir la data de los items en la lista, se puede pasar el id y llamar a mapStateToProps en cada Item
para evitar un recálculo en el elemento padre, que obliga a un recálculo en todos los elementos hijos.
Performance optimizations cubiertas en la charla

Cómo evitar un recálculo a nivel


List