¿Por qué algunos frameworks de JS usan un DOM Virtual?

Ғылым және технология

🔴 Mastermind (Código BF22 para 40% de descuento hasta el lunes)
www.mastermind.ac/?ref=225b86
📱 REDES SOCIALES
Discord: discordapp.com/invite/bHPnUr7
Instagram: / antoniosarosi
Twitter: / antoniosarosi
🎵 MÚSICA
Liam Thomas - Could We Say Goodbye
• Liam Thomas - Could We...
Ptr. - Genesis
• Ptr. - Genesis
Cloophie - Our Time
• Our Time
📋 ÍNDICE
00:00 Introducción
00:22 Curso Vue
01:37 DOM Real
05:41 DOM Virtual
🏷️ TAGS
#programacion #javascript

Пікірлер: 57

  • @AntonioSarosi
    @AntonioSarosi Жыл бұрын

    🔴 Mastermind (Código BF22 para 40% de descuento hasta el lunes) www.mastermind.ac/?ref=225b86

  • @s4vitar
    @s4vitar Жыл бұрын

    Antonio, esto es un comentario.

  • @AntonioSarosi

    @AntonioSarosi

    Жыл бұрын

    En serio?

  • @werox2045

    @werox2045

    Жыл бұрын

    tremendo crossover

  • @jego3189

    @jego3189

    Жыл бұрын

    No lo sabia 😲

  • @yangenmanuel2659

    @yangenmanuel2659

    Жыл бұрын

    La conversacion filtrada de dios con jesus:

  • @plasmodiun1

    @plasmodiun1

    Жыл бұрын

    Savirar sabes eee

  • @javiergarciafillol4454
    @javiergarciafillol4454 Жыл бұрын

    Desde que conocí react vue angular ahora me cuesta una barbaridad volver a JavaScript vanilla

  • @drakjavier
    @drakjavier Жыл бұрын

    Muy bueno el vídeo! Podrías hacer otro explicando más en detalle como funciona Svelte o Lit? Que funcionan como has dicho sin dom virtual! Gracias

  • @codesandtags
    @codesandtags Жыл бұрын

    Antonio!! Está genial este tipo de contenido. Veo muchisimo valor en lo que compartes y además que vas a los fundamentos.

  • @diebarix6093
    @diebarix6093 Жыл бұрын

    Me encantan todos tus videos!, siempre enseñando el funcionamiento desde el "fondo", pero sobre todo que lo explicas con diagramas y con codigo entendible, cosa que muchos no hacen... ya que se quedan en la teoria o en puro codigo sin entender bien, tu aplicas las 2!!, este canal se ha vuelto de mi top, y con el black friday aproveche para ver tus cursos en mastermind, sigue asi!!

  • @braytac8274
    @braytac8274 Жыл бұрын

    Muy muy muy buena explicación che!!! Muchas gracias!

  • @AlbertoMarun
    @AlbertoMarun Жыл бұрын

    Creo que es la mejor explicación que he escuchado de DOM VIRTUAL... Gracias.

  • @Danived
    @Danived Жыл бұрын

    este canal es es como una documentacion pero en video, me enseñaste lo que la propia documentacion no me ha enseñado

  • @VictorAlberto87
    @VictorAlberto87 Жыл бұрын

    Muy bien explicado, muchas gracias por el video 👏

  • @RedrumZT
    @RedrumZT Жыл бұрын

    Aclarado todo, buen vídeo

  • @CoDeToLsEr
    @CoDeToLsEr Жыл бұрын

    Excelente información me gustó el vídeo anterior estuvo muy interesante saludos desde México.

  • @ijeanpierrebp
    @ijeanpierrebp5 ай бұрын

    Excelente explicación

  • @jhoan-me
    @jhoan-me Жыл бұрын

    Hace una hora estaba hablando con mi amigo sobre eso, me leíste la mente

  • @elrafineitorxd5400
    @elrafineitorxd5400 Жыл бұрын

    Sería genial que crees tu propio framework de front cómo lo hiciste de backend. Ese curso sí lo compro!

  • @wenanoshe
    @wenanoshe Жыл бұрын

    Bien explicado, gracias

  • @RonnyPortillo
    @RonnyPortillo Жыл бұрын

    Te amo bro, eres el mejor

  • @alexandrohdez3982
    @alexandrohdez3982 Жыл бұрын

    ahhh y toda esta ingenieria es por velocidad 👏👏👏👏

  • @albeiro037
    @albeiro037 Жыл бұрын

    Excelente!

  • @jonathan_bestprime
    @jonathan_bestprime Жыл бұрын

    Que calidad de explicación hermano, deberían sacar a la profe de mi U y ponerte a vos 😎

  • @brandojeanpiercalderonpuen3850
    @brandojeanpiercalderonpuen38505 ай бұрын

    Se te extraña prro :(

  • @jonathan8406
    @jonathan8406 Жыл бұрын

    Antonio, Entonces astro funciona similar a Svelte en ese caso, solo que prioriza HTML sobre Javascript, gracias por este increíble contenido 🦀

  • @verticeva

    @verticeva

    3 ай бұрын

    Me ha encantado el vídeo. Yo tengo la misma duda.

  • @alberto3028
    @alberto3028 Жыл бұрын

    Correcto, en situaciones donde solo hay que sustituir un elemento de una lista el DOM virtual es más rápido que el DOM nativo, ya que por mucho que el DOM virtual sea un añadido al DOM nativo, su inteligencia permite que la sustitución el renderizado de un solo elemento sea más rápido que el renderizado de todos los elementos. Eso es aplicable no solo a elementos de una lista, sino a todos los elementos renderizables y visibles en pantalla, importante lo de visible. Está claro que puedes hacer un proyecto ADHOC sin REACTJS ni virtual DOM muy optimizado, pero no es algo muy mantenible.

  • @Joyragdoll

    @Joyragdoll

    Жыл бұрын

    Pero eso depende del contexto. Una web con pocos cambios reactivos (y de poca información) no tiene sentido soportar la carga extra de un Framework con DOM Virtual, sobre tu proyecto (además del aumento de dificultad de tu stack, y costes extra de contratación derivados). Es decir, hay un punto de equilibrio que supone la diferencia en que tener DOM Virtual supone una carga y en que tener DOM Virtual supone una ventaja. Las modas, falta de información profunda al respecto, y la lógica necesidad de un Framework de publicitarse, se convierten luego en las modas rompe-proyectos de aquellos desarrolladores que no saben, de manera profundamente técnica, porque quieren ese Framework. Criticar "per se" el DOM virtual no tienen ningún sentido; como no lo tiene tampoco alabarlo a toda costa.

  • @elbarto5421

    @elbarto5421

    Жыл бұрын

    @@Joyragdoll Usted si sabe de lo que habla señor

  • @miguelsanchezarocha2767
    @miguelsanchezarocha2767 Жыл бұрын

    Menos mal que todos estos conceptos de Javascript me obligue aprenderlos y dominarlos para el trabajo (porque la uni se enfoco más en joderme en la rama de mates) y al momento que me pidieron aplicar los framwork fue sencillo

  • @ElkinBernalM
    @ElkinBernalM10 ай бұрын

    podrías hacer un vídeo de como funciona o como se crea esa representación "suggar"?

  • @cristian_albornoz
    @cristian_albornoz Жыл бұрын

    Si no estoy mal ya existía el fragmen en js para no generar reflow en la web

  • @abrahamolsen5340
    @abrahamolsen534010 ай бұрын

    Siempre escucho esa palabra "Apriori" que significa exactamente? a prioridad? o algo parecido?

  • @edgardomolinagonzalez3121
    @edgardomolinagonzalez31214 ай бұрын

    El dom virtual no necesita de Rxjs?

  • @albertoromero8407
    @albertoromero8407 Жыл бұрын

    Buenas, me gustaría aprender a programar y me recomendaron Python para empezar, alguna sugerencia?

  • @joseleonrs9817

    @joseleonrs9817

    Жыл бұрын

    Te recomiendo C/C++

  • @ykristianhd
    @ykristianhd Жыл бұрын

    El virtual DOM me recordó a flutter

  • @johnsequera1342

    @johnsequera1342

    Жыл бұрын

    Pense que era el unico

  • @pablojjimenez
    @pablojjimenez Жыл бұрын

    Y Angular como lo hace? Buen video 👌

  • @Weagle1337

    @Weagle1337

    Жыл бұрын

    Con algo llamado shadow dom que creo que si no es lo mismo es parecido

  • @ZncroxdGaming

    @ZncroxdGaming

    Жыл бұрын

    angular crea algo que sera como componentes nativos, el esta registrando los componente dentro del propio navegador, es como si crearas un nuevo p, div, button etc. de alli que puedas utilizarlos donde quieras una ves registrado el componente. la desventaja mas atipica y comun es que cuando tienes muchos componentes debes poner nombres muuuuuy descriptivos o categorizarlos mejor, heuheuhue

  • @Sky-sk2cl

    @Sky-sk2cl

    Жыл бұрын

    Angular se basa en un Zone.js sino estoy mal tiene su propio zone.js nombrado como "ngZone" el cual tambien tener acceso en su API para que cuando algo cambie en el DOM de objetos se le avise se puede hacer una prueba simple implementando el ngOnChanges en tu componente de Angular el cual avisa cuando se realice un cambio y realizas tu logica en base a ello. Ahora si no quieres depender de zone.js tambien puedes indicar que algo no entre como tal en la ngZone.

  • @alberto3028

    @alberto3028

    Жыл бұрын

    Por lo menos en versiones antiguas funcionaba con un polling, actualizando los cambios realizados en las variables scopes de cada componente registrado. Creo que hoy en día ya es diferente, optimizaron eso.

  • @RonaldDriftP
    @RonaldDriftP Жыл бұрын

    Que temas estas usando en visual studio code para que el codigo html se vea asi?????

  • @AntonioSarosi

    @AntonioSarosi

    Жыл бұрын

    kzread.info/dash/bejne/gGVr3LiAltW6mbQ.html

  • @lucho7971

    @lucho7971

    Жыл бұрын

    @@AntonioSarosi jajajaj que placer mandarles el link de una

  • @cerm88

    @cerm88

    Жыл бұрын

    @@AntonioSarosi jajajaja que risa la cara que pones en la miniatura del vídeo!

  • @isaacmontielsanchez1509
    @isaacmontielsanchez1509 Жыл бұрын

    No son haters bro. Son fans confundidos 👍.

  • @Amilcar99
    @Amilcar99 Жыл бұрын

    Las librerías son interesantes, JavaScript es interesante: las librerías son a la programación, lo que las recetas son a la gastronomía... El problema está, cuando solo seguimos recetas. Con Map() y Reflect se logran cosas muy interesantes. Buen contenido, saludos.

  • @hernandezmorenoarturo6028
    @hernandezmorenoarturo6028 Жыл бұрын

    Te autoesponsoreaste?

  • @nimeavles_dev
    @nimeavles_dev Жыл бұрын

    Primero

  • @_KCore
    @_KCore Жыл бұрын

    O sea, svelte si es más rápido? 👀

  • @joelventura76

    @joelventura76

    Жыл бұрын

    Más rápido más liviano, más fácil de aprender

  • @carlosrivera3910
    @carlosrivera3910 Жыл бұрын

    me parece una falta de respeto no estarte siguiendo .-.

Келесі