Introducción a los

React Hooks

Dani Muñoz

@danimudev

¿Qué son los

React Hooks?

Una nueva API de React que nos permite gestionar el estado desde un componente funcional.

¿Por qué?

¿Qué problemas pretenden solucionar?

Class vs Functional components

¿Cuales son las ventajas de usar funciones en lugar de clases?

Class vs Functional components

Las clases son más complejas de entender para las personas.

Pero también para las máquinas.

Demo Babel: class vs function

Entender

componentes complejos

La lógica del componente

se divide y se mezcla entre

los métodos del ciclo de vida.

Reutilizar lógica

entre componentes

Hasta ahora sólo disponíamos de HOCs, renderProps y Mixins

SHOW ME THE CODE

¿Tengo que volver a refactorizarlo todo?

entonces...

No Breaking Changes 💔

Son completamente opcionales

y 100% retro-compatibles

¿Ya puedo usarlos?

Reac Hooks

ya disponibles

React >= 16.8.0

¡Muchas gracias!

Dani Muñoz

@danimudev

Made with Slides.com