⚛️ Cuándo y Cómo Crear un HOC Paso a Paso | Curso React Design Patterns 2024

  Рет қаралды 652

Developero

Developero

Күн бұрын

🚀 ¡Aprende cómo hacer un HOC como parte del Curso de Patrones Avanzados en React JS!
🤔 ¿Te has encontrado copiando y pegando la misma lógica en múltiples componentes? Los Componentes de Orden Superior (HOC) pueden ser la solución que estás buscando.
🎥 En este video, te voy a explicar qué es un HOC (High Order Component) en React, cuándo es el mejor momento para usarlo y cómo puede hacer tu código más modular y reutilizable.
Comenzaremos con un ejemplo que no usa HOC, analizaremos sus ventajas y desventajas, y luego refactorizaremos el código aplicando este poderoso patrón.
Logra desarrollar tus habilidades en React y aprende a escribir código más limpio, modular y fácil de mantener con este curso gratuito :D
👍 Si encuentras valor en este contenido, agradecería mucho tu like y que lo compartieras. No olvides dejar tus preguntas y comentarios abajo. ¡Nos vemos en el próximo video!
👨‍💻Curso TDD con React JS - Jest y React testing library: www.udemy.com/...
📖 eBook Patrones avanzados en React JS
developero.io/...
📖 Otros eBooks: developero.io/...
🐶 ÚNETE A LA COMUNIDAD EN DISCORD: / discord
🌐 Sitio web: www.developero.io
⚛️ Blog especializado: tddreactjs.com/
🌐 LinkedIn: / developero

Пікірлер: 5
@Developero
@Developero Жыл бұрын
⚛️ Curso Patrones Avanzados en React JS en KZbin y Código en Github... ● Suscríbete al canal si no quieres perderte vídeos como este: kzbin.info ● Link del curso en KZbin: kzbin.info/aero/PLkr7dGY4D2sOyjBKXyNhtkIwO3suaqotD ● Link del repositorio con los ejemplos del código fuente: github.com/Developero-oficial/advanced-react-patterns ● Link de la app mostrada en el curso: developero-oficial.github.io/advanced-react-patterns/#/
@senenf7591
@senenf7591 11 ай бұрын
buena explicación, resumido, ejemplos rápidos y fáciles de entender, gracias
@Developero
@Developero 11 ай бұрын
Gracias!
@ep4r4
@ep4r4 19 күн бұрын
Estoy mareado.
@Developero
@Developero 16 күн бұрын
Así pasa al inicio
Curso gratis de angular y .Net Core | Creación del proyecto #1
11:39
Electric Flying Bird with Hanging Wire Automatic for Ceiling Parrot
00:15
Players vs Corner Flags 🤯
00:28
LE FOOT EN VIDÉO
Рет қаралды 70 МЛН
Spongebob ate Michael Jackson 😱 #meme #spongebob #gmod
00:14
Mr. LoLo
Рет қаралды 9 МЛН
Deep Dive into REST API Design and Implementation Best Practices
12:02
Software Developer Diaries
Рет қаралды 52 М.
The Most Important Design Pattern in React
35:04
Cosden Solutions
Рет қаралды 54 М.
Design patterns in React
14:37
Cosden Solutions
Рет қаралды 165 М.
Next.js App vs. Pages Router - Which One is Better?
7:31
Josh tried coding
Рет қаралды 56 М.
TODO LO QUE NECESITAS SABER SOBRE COMPONENTES EN ANGULAR (standalone)
12:09
Higher Order Components en React.Js. ¿HOCs o Hooks?
13:47
Juan Jose Ortiz
Рет қаралды 1,6 М.
All useEffect Mistakes Every Junior React Developer Makes
22:23
The Best React Code I Wrote (Code Review)
24:50
Cosden Solutions
Рет қаралды 24 М.
How To Debug React Apps Like A Senior Developer
21:07
Web Dev Simplified
Рет қаралды 143 М.
Electric Flying Bird with Hanging Wire Automatic for Ceiling Parrot
00:15