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
![screen shot 2016-09-18 at 12 37 36 pm](https://cloud.githubusercontent.com/assets/3620912/18616979/b80fc408-7d9c-11e6-9559-535a657bee85.png)
Cómo evitar un recálculo a nivel
![screen shot 2016-09-18 at 12 34 35 pm](https://cloud.githubusercontent.com/assets/3620912/18616972/8ba34dea-7d9c-11e6-871e-acacee17d1ac.png)
![screen shot 2016-09-18 at 12 36 59 pm](https://cloud.githubusercontent.com/assets/3620912/18616976/a38e4af4-7d9c-11e6-9259-251091af3722.png)
List