React Hooks ⚛️, saca todo el potencial a tus componentes sin usar clases ¡Apréndelos! 👨‍🏫

midudev

Summary

In this video, you will learn what React Hooks are, the feature introduced in version 16.8 that allows adding state and other functionalities to functional components without needing to use classes. The instructor explains how to migrate a simple counter from a class to a function using 'useState', details the technical reasons for this change (such as performance and ease of reusing logic), and clarifies that Hooks are fully compatible with existing code, allowing for a gradual transition without breaking what is already working.

Topics covered

  • Origin of Hooks
  • Difference between classes and functions
  • Using useState
  • Code simplification
  • Compilation comparison with Babel
  • Evolution of reusability
  • Lifecycle management
  • Backward compatibility

Transcript excerpt

madre mía que han salido los hooks berriak y yo con estos pelos espero que tengas ganas de juguetear con ellos tantas como tengo yo porque voy a crear una serie de vídeos donde te voy a explicar de qué tratan y cómo usarlos y hoy empezamos con la introducción así que no te lo pierdas [Música] pues finalmente fue la versión 16.8 la que nos trajo los hooks una funcionalidad que lleva meses anunciada desde octubre de 2018 en la ría con de las vegas y allí dan avramov hizo una demo que nos puso los dientes largos por si eres más de los que les gusta leer que sepas que escrito una serie de artículos en mi blog de minube.com donde hablo en detalles sobre ellos pero si te gusta más el vídeo pues quédate que te lo cuento que son los jugos pues sencillamente una serie de métodos que podremos importar desde el iac para hacer que nuestros componentes funcionales puedan disfrutar de todas las caract…