Hoy vamos a analizar qué es el Virtual DOM y React Fiber en ReactJS para aprender ¿Cómo funciona ReactJS? y es importante que comprendamos que existen varias partes esenciales dentro de este vídeo como la propiedad Key o la reconciliación 😊
🔖 TODOS los vídeos de esta SERIE
✔️ • 🍳 ¿CÓMO funciona REACT...
✔️ • ✅ ¿VIRTUAL DOM en Reac...
✔️ Commit (próximamente)
✔️ Ciclo de vida completo (próximamente)
📝 Artículo en mi blog
eduardofierro.pro/blog/reactj...
🎙Podcast de esa serie
open.spotify.com/episode/0uB6...
Si te ha gustado el vídeo dale a like, suscríbete y ¡dale a la campanita! 😊
_______
📚¿Estás buscando un Curso, Máster o Bootcamp sobre desarrollo web?
Soy profesor en la escuela CEI donde imparto Cursos y Másters sobre desarrollo web donde puedes obtener un descuento del 5% en el precio del curso usando el código embajador.eduardofierro
¡Pide información sobre los cursos donde soy profesor desde este enlace!
👉cei.es/?ref=eduardofierropro
_______
✅ Directos en Twitch: / eduardofierropro
✓ ¡Apóyame en RU-vid! ru-vid.com...
✓ Trucos rápidos en TikTok / eduardofierro.pro
✓ Podcast sobre desarrollo web anchor.fm/eduardofierropro
✓ Programación en Instagram / eduardofierro.pro
✓ Códigos para descargar en Github github.com/eduardofierropro
✓ Noticias sobre web en Twitter / 1325827794627129344
✓ Mi web eduardofierro.pro
_______
🔥Enlaces a productos de mi setup
🖥 Samsung Space Monitor 27" amzn.to/3mABk0R
🖥 LG Ultrawide 25" amzn.to/3XrMwOp
💪 Brazo EarGear amzn.to/3YPPnBF
🖥 Mac Studio M1 Max amzn.to/3xlwqez
💻 MacBook Pro 15" 2019 amzn.to/2XEdeGL
⚡️ Mesa elevable Flexispot amzn.to/3xlwqez
⌨️ HHKB Hybrid Type-S amzn.to/3xlwqez
⌨️ Logitech G915 amzn.to/2Tzy1da
🖱 Logitech MX Master 2 amzn.to/2WZlUZa
💡 Elgato Key Light Air amzn.to/2TzxPus
💡 Elgato Right Light amzn.to/3tWoM62
🎛 Elgato Stream Deck XL amzn.to/3d1cy4n
🎙 Elgato Wave 3 amzn.to/2QsPLbU
🎙 Elgato Wave Pop Filter amzn.to/33ONkU1
✔️ Elgato Soporte Teléfono amzn.to/2RTZatj
🎧 Beats Wireless Studio 3 amzn.to/3YOtDWT
✔️ Corsair ST100 RGB premium amzn.to/3d3hiZY
📱 iPhone 13 Pro amzn.to/3lsPRPI
📱 Motorola G amzn.to/2TzYcjO
📱 Samsung M11 amzn.to/3uTwNKh
🪑 Drift dr500bamzn.to/3kaEHtE
Enlaces en los productos en mi web: eduardofierro.pro/workspace
______
Psss... Si has llegado hasta aquí eres un auténtico CRUCK de la vida. ¿Vemos cuántos somos poniendo "de frontends!!" en los comentarios? 😏
______
Capítulos:
00:00 Introducción
0:24 Cómo funciona ReactJS
1:23 ¿Qué es UI en React??
1:57 ¿Qué es React Three Fiber?
2:38 ¿Qué es Fiber en ReactJS?
3:05 Ejemplo de un Fiber en ReactJS
3:29 ¿Qué es un Hook en ReactJS?
3:48 Ejemplo Real de un React Fiber
4:23 ¿Para que sirve Prop Key en ReactJS?
5:06 ¿Cuándo usar key en React?
6:04 ¿Qué es React Three Fiber?
6:21 Así funciona React Three FIber
6:57 ¿Qué es la reconciliación en React?
8:01 Ejemplo de una Reconciliación en ReactJS
8:37 ¿Qué es el DOM virtual de React?
8:57 ¿Qué es el Virtual UI de React?
9:25 ¿Cómo funciona el virtual DOM en React? Con Fiber Tree
11 июл 2024
