⚛️ Custom Hook Pattern
Los custom hooks consisten en la posibilidad de crear nuestros propios hooks para poder reusar lógica de estado entre componentes, esto de una manera que antes no se podía hacer con los componentes solamente.
Pasa al siguiente nivel de Seniority en React por medio de la guía más completa e interactiva.
Con este libro te Ayudo a acelerar tu carrera profesional para que puedas:
🚀
Subir tu nivel de Seniority en nivel técnico.
🤓
Estar más preparado para un mejor trabajo y nuevos retos.
🤑
Aumentar tu sueldo al tener mayores conocimientos.
Primero veremos un ejemplo de un problema a resolver, luego lo resolveremos sin el patrón y después aplicaremos el patrón para ilustrar las diferencias. Todo por medio de lo siguiente:
Para poder crear componentes realmente reutilizables y extensibles.
Te muestro el proceso mental paso a paso al momento de analizar un problema de la vida real
Los hooks abren nuevos caminos y patrones únicos que sólo podemos aplicar en esta biblioteca.
Vas a dominar las dos categorías de patrones: de UI y de lógica.
Este libro ha sido creado después de varios meses de un minucioso trabajo y edición para poder entregar la mayor calidad en cada línea de cada página, removiendo el relleno y la paja innecesaria.
Es el producto de lograr comprimir años de experiencia en React JS en ambientes profesionales de trabajo, de modo que puedas aprender rápido y fácil lo equivalente a este tiempo, pero en mucho menos tiempo.
A lo largo de las secciones del libro vas a tener acceso al código fuente de los ejemplos de cada patrón con la posibilidad de poder ejecutarlo y editarlo para que consolides mejor tu aprendizaje.
Porque el tiempo es importante, el contenido del eBook ha sido revisado varias veces para garantizar que contenga puro contenido de valor. Sin nada de paja o elementos repetitivos.
Los custom hooks consisten en la posibilidad de crear nuestros propios hooks para poder reusar lógica de estado entre componentes, esto de una manera que antes no se podía hacer con los componentes solamente.
El patrón High Order Component (componente de orden superior en español) nos provee de una manera de reusar comportamiento entre componentes y desde luego, su existencia es posible por la naturaleza composicional de React.
Los estilos son una parte inherente en el desarrollo frontend y con React no es la excepción.
Al momento de desarrollar nuestros componentes, además de asegurarnos de que sean reusables sin necesidad de cambiar su código, también debemos preguntarnos si sus estilos también son reusables y abiertos al cambio.
Este patrón aprovecha al máximo la composición para que podamos implementar componentes muy flexibles que comparten un estado común pero haciendo que se comuniquen internamente sin necesidad de pasar props.
“Un componente con una render prop toma una función que devuelve un elemento de React y lo llama en lugar de implementar su propia lógica de representación.”
Lo anterior puede ser reformulado a: delegar la responsabilidad de hacer el render usando una función que el componente recibe por props.
Este patrón está inspirado en la manera en que funcionan los formularios controlados.
Imagina poder replicar esta lógica pero en cualquier componente, no solo en formularios. En esto consiste este patrón.
El patrón props getters consiste en una manera de proveer un conjunto de props a los usuarios de tus componentes que van a necesitar en su implementación.
Este es un patrón muy sencillo de implementar y consiste en proveer una manera para que el usuario de nuestro componente pueda definir el estado inicial y una vía para poder reiniciarlo.
Este patrón consiste en otorgar al usuario el máximo control de cómo se debe actualizar el estado interno de un componente.
Conoce un poco sobre mi.
Juan Correa es un ingeniero de Software, autodidacta, curioso y muy bueno trabajando con equipos multidisciplinarios con 7 años de experiencia al momento de publicar este contenido.
Su principal actividad es la de trabajar en proyectos de alcance internacional, con equipos remotos al rededor del mundo.
Es editor de Ebooks, instructor en Udemy y YouTube así como bloguero utilizando principalmente su marca "Developero". Ha trabajado en SAAS y startups de Estados Unidos - México.
Si en 30 días el libro no alcanza tus expectativas te regresamos el 100% de tu dinero.
Cuido mucho mi reputación y mi comunidad, por lo que puedes sentirte seguro de que si no cumplo con tus expectativas, puedas tener tu dinero de regreso.
¡Tu compra es 100% segura! utilizo Gumroad, una plataforma que regula el proceso del pago y entrega del producto.
No, este libro es para personas que ya tengan experiencia trabajando con React y quieran pasar al siguiente nivel.
El libro Patrones Avanzados en React JS tiene 114 páginas dividido en los diferentes patrones avanzados, incluyendo links para hacer ediciones de código fuente como práctica. El libro de Introducción al Testing en JavaScript consta de 100 páginas que se dividen en herramientas de análisis estático de código, Jest y Mocks con Jest. El libro Introducción al Testing en React JS tiene 95 páginas dividido en Unit, Integration y e2e testing en React JS, usando Jest, Testing Library y Cypress. En total tenemos 309 páginas de contenido cuidadosamente resumido y de calidad para evitar el relleno sin sentido.
Un Rotundo no. Voy a tener el contenido actualizado en base a la versión estable de React dominante e incluso, conforme salgan más patrones, los voy a ir incluyendo y vas a tener estas actualizaciones completamente de por vida.
No. En cambio, haremos mini apps para ver casos de uso comunes de aplicaciones.
El enfoque es ver ejemplos concretos y fáciles de aterrizar.
Haciendo una app completa nos desviaríamos mucho del objetivo principal por temas triviales al propósito del libro (como el setup, el BackEnd, etc).
Conceptualmente, los patrones están fundamentados por uno o varios de los principios SOLID, que son independientes de la tecnología. Pero los patrones que vemos en este libro son sólo posibles debido a que usamos las características de React JS, por lo que no son aplicables a otras bibliotecas como Vue JS o Angular.
La compra del libro incluye el acceso a un grupo exclusivo de la comunidad para resolver dudas donde con gusto te apoyaré.