Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save pechitook/a7534ab86c959342fc4b463453172825 to your computer and use it in GitHub Desktop.
Save pechitook/a7534ab86c959342fc4b463453172825 to your computer and use it in GitHub Desktop.

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.

@pechitook
Copy link
Author

Performance optimizations cubiertas en la charla
screen shot 2016-09-18 at 12 37 36 pm

Cómo evitar un recálculo a nivel List
screen shot 2016-09-18 at 12 34 35 pm
screen shot 2016-09-18 at 12 36 59 pm

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment