React Hooks - cómo usarlos y escribirlos

kylebebak commented 4 years ago

React Hooks - cómo usarlos y escribirlos (incluso para class components!)

Sumario

Hooks "let you use state and other React features without writing a class."

Hacen que function components tengan básicamente la misma funcionalidad que class components, pero con menos boilerplate. También dan una gran facilidad de compartir código complejo entre componentes.

Después de usar hooks durante un año, function components con hooks se me han vuelto igual de intuitivos como class components, y mucho más fáciles de escribir.

Me gustaría enseñarles cómo usar los hooks que vienen con React, y cómo combinarlos para crear tus propios hooks reutilizables.

Outline

resumen de hooks
- hooks básicos: useState, useEffect, useRef, useCallback
cómo combinar hooks básicos para crear tus propios hooks
- ejemplos de custom hooks, y para qué usarlos
cómo usar ciertos hooks en class components
- cuáles son los requisitos para usarlos así?

Beneficios

Usar todos los features de class components en tus function components
Controlar los efectos de componentDidMount, componentDidUpdate, y componentWillUnmount en sólo lugar
Empaquetar funcionalidad compleja para que se pueda reutilizar en varios componentes

Cuándo

En marzo si se puede!

name: Kyle Bebak
url: https://github.com/kylebebak
pic: https://dronfelipe.com/images/img/face.png
bio: Ciclista kamikaze

jmz7v commented 4 years ago

Hola @kylebebak !

Te gustaría presentar el próximo miércoles 4 de marzo?

kylebebak commented 4 years ago

Hola Julio, me encantaría!

jmz7v commented 4 years ago

Kyle, muchas gracias por tu charla en Eventloop! 🙌

Estamos en contacto 😁

Edit: Software Gurú ya publicó el video de la charla en YouTube

https://youtu.be/BB7AV-KPjj8

kylebebak commented 4 years ago

De nada @jmz7v , fue un placer. Y gracias por mandarme el vídeo!

Hablamos pronto, cuídate

eventloop / platicas