Aplicaciones SPA vs MPA ¿Qué son y cual elegir?

Поділитися
Вставка
  • Опубліковано 9 лис 2024

КОМЕНТАРІ • 109

  • @yangenmanuel2659
    @yangenmanuel2659 2 роки тому +58

    Tus videos siempre llegan en el mejor momento. Justo estaba iniciando una aplicacion web con react y no sabia las diferencias entre los temas que expones en el video. Todo queda muy claro. Eres como la documentacion universal sencilla de leer para todos xd

    • @jimmygreycijimenezcerron7568
      @jimmygreycijimenezcerron7568 2 роки тому +1

      React no mano, mejor angular

    • @yangenmanuel2659
      @yangenmanuel2659 2 роки тому +2

      @@jimmygreycijimenezcerron7568 el codigo en react me es mas facil de leer y la biblioteca es muy popular. Me gusta el tema de typescript pero me encariñe con mi prmer framework de forntend xd

    • @rlyehdate
      @rlyehdate 2 роки тому

      @@jimmygreycijimenezcerron7568 ¿y por qué mo ambos? Xd

    • @leonardohidalgo5127
      @leonardohidalgo5127 2 роки тому +3

      @@jimmygreycijimenezcerron7568 angular es mejor estructurado y no requiere biblioteca de terceros para la comunicación de componentes, pero react tiene su fuerte en que es sencillo y fácil de codear. No por ser mejor significa que debas usar angular en todo, si el proyecto va a hacer uso de su estructura es una cosa, pero si esto no es necesario en el proyecto react ofrece una alternativa muy práctica y versátil en compatibilidad de frameworks.

    • @luiseduardorodriguezflores210
      @luiseduardorodriguezflores210 2 роки тому +1

      Te recomiendo angular bro, al principio podría ser más difícil pero creeme al final será mejor pero tú decides

  • @nicolasrivera3422
    @nicolasrivera3422 2 роки тому +15

    Increíble su forma de transmitir conocimientos, aprendí mas en 7 minutos con éste video , que en 3 meses de estudio formal. Gracias !

  • @hdezcOmar
    @hdezcOmar 2 роки тому +4

    Tengo interés por empezar a programar y este video aclaro muchas dudas sobre la programación web. Creo que no he visto a nadie que lo explicara tan bien como ud. lo hizo. Se gano mi like y suscripción. 👍

  • @lucianomatiasplazasilva410
    @lucianomatiasplazasilva410 2 роки тому +4

    TRE MEN DO!! Fazt sos oro respecto a información y crecimiento, este video tienen que verlo muchos más por las bases que simplificas en 7 minutos. Espero con ansias el video de SSR

  • @emmanuelareiza9699
    @emmanuelareiza9699 Рік тому

    Fazt Parce , Muchísimas gracias enserio , QUE MOTIVACIÓN TAN GRANDE PARCE MUCHAS MUCHAS MUCHAS GRACIAS Enserio que cambias vidas

  • @letoniel006
    @letoniel006 2 роки тому

    recién aprendiendo angular y llega este video, muchas gracias amigo

  • @Dun_Dev
    @Dun_Dev 2 роки тому

    Fazt eres genial. Todo están transparente como el agua

  • @nocivescience707
    @nocivescience707 2 роки тому +1

    Gracias Fazt por compartir tu conocimiento, y si alguna vez quieres conquistar el mundo, todos lo que te estamos agradecidos con gusto te ayudaremos.

  • @Daker11Gamer
    @Daker11Gamer 2 роки тому

    Dios! Super interesante este contenido, me encantó no entendía bien estos terminos, pero después de ver el vídeo me quedaron super claros, en lo personal las SPA, considero son el futuro porque es mucho más hermoso y amigable con el usuario que la página no se este cargando apenas oprimes un botón, super interesante el vídeo desde que soy estudiante me encanta tu contenido muchas gracias por traerlo a esta hermosa comunidad tuya en UA-cam

  • @valenciaDev
    @valenciaDev 2 роки тому +2

    El mejor canal de programación!

  • @alvaro_diaz
    @alvaro_diaz 2 роки тому

    Hola, soy nuevo, vengo de TikTok.. sé que me servirá mucho tu videos...

  • @skyblack7040
    @skyblack7040 2 роки тому

    Muchas gracias por fin pude entenderle todo sobre MPA y SPA.

  • @agustinpalmam2923
    @agustinpalmam2923 2 роки тому

    este video es oro puro, muchas gracias Tio Fazt Code 😃

  • @gabyScript
    @gabyScript 2 роки тому +3

    Excelente explicacion. Cada dia aprendo mas con tus videos

  • @RAFALAMAO_
    @RAFALAMAO_ 2 роки тому

    Tio Fazt, por favor, activa el botón para poder apoyarte con mas que me gusta y compartir.
    Gracias a tí, muchos tenemos trabajo :3

  • @sebastianrios4433
    @sebastianrios4433 2 роки тому

    Genio, menos no puedo decir. Muchas gracias por tu gran aporte.

  • @mrdominguez
    @mrdominguez 2 роки тому +9

    Fazt otro dato interesante es que las MPA consumen más ancho de banda porque el servidor constantemente está respondiendo con HTML que es mucho más verboso que un JSON como sería el caso de una SPA, esa es una desventaja para los usuarios que navegan con paquetes de datos que es lo que suelen ofrecer las telefonías/ISP a los dispositivos móviles para conexiones 3G/4G/5G etc, entonces el paquete les duraría mucho menos afectando económicamente a esos usuarios, no así a los que tiene una conexión full sin límites de descargas.

    • @astrixwr5662
      @astrixwr5662 Рік тому

      No habia pensado en ese enfoque a los móviles :0

  • @SonGoku-pc7jl
    @SonGoku-pc7jl 2 роки тому

    fantásticamente explicado para diluir dudas :)

  • @andresmauro17
    @andresmauro17 2 роки тому

    Espectacular tu explicación.

  • @3triada
    @3triada Рік тому

    Siempre calidad,gracias por la asesoría. Éxitos. Vere tu siguiente video.

  • @oswaldogerardino
    @oswaldogerardino 2 роки тому +4

    me gustan mucho este tipo de videos informativos. Hoy dia hay demasiados tutoriales en youtube, ense#ando como usar las tecnologias y sus tools, pero pocos ense#an donde usarlos, cuando o porque. Genial, mas videos asi

  • @amaurypalacios9079
    @amaurypalacios9079 2 роки тому +2

    Excelente vídeo, siempre los veo todos, gracias por los aportes.
    HELP, casualmente éste tema muy oportuno, ya que estoy haciendo una app tipo SPA pero en algunas páginas deben ser SSR para poder mostrar publicidad de Adsense de forma correcta sin poner en riesgo mi cuenta, aún no sé cómo sería la mejor manera combinar eso. Mi backend es Golang. Cualquier orientación se los agradecería mucho. Saludos.

  •  2 роки тому +1

    Excelente video Fazt, muy clara la esplicación. gracias. Me dás la tranquilidad de saber que voy por buen camino.
    Si bien Svelte es CSR, puede ser que Routify Svelte sea del tipo que mencionas al final? Server Side Rrendering

    • @FaztTech
      @FaztTech  2 роки тому +1

      Svelte es CSR, pero ese modulo que menciona veo que ofrece tanto CSR como SSR. Aunque tambien esta Sveltekit que añade SSR para la carga inicial de paginas

  • @cleidysbrooks
    @cleidysbrooks 2 роки тому +1

    Muy interesante. Excelente explicacion.
    Gracias Fazt.

  • @thenowrock3427
    @thenowrock3427 2 роки тому

    Buen video parce , que elegancia aprender cositas nuevas con lo que comentas. Aunque uno sea ingeniero no deja de seguir recordando y aprendiendo nuevas cosas !!, las mejores developers metanle ganas al code y mucha actidud , So cool coding :).

  • @WILLL859
    @WILLL859 2 роки тому +1

    Gracias Fazt siempre tuve esa duda

  • @estebanaguirre4550
    @estebanaguirre4550 2 роки тому

    esperando el próximo video!

  • @alex1726i
    @alex1726i 3 місяці тому +1

    Estaba buscando este video, en mi proyecto de desarrollo web Integrado hicimos una aplicación basada en MPA y me preguntaba si existía otra forma de implementarlo.

  • @jeremiasgarcia4578
    @jeremiasgarcia4578 2 роки тому

    Muchas gracias por el contenido, actualmente ando desarrollando MPA, espero que nos des un ejemplo de Server Side Rendering. Saludos, nuevo sub.

  • @Roku8500
    @Roku8500 2 роки тому +1

    Tendrás un vídeo de explicar spring boot? Excelente explicación la necesaria para entender la web actual

  • @renzoosoriovaldez3378
    @renzoosoriovaldez3378 2 роки тому

    Muy buena tu explicación Fazt, gracias por el contenido

  • @sebastianalejandrovelasque8618
    @sebastianalejandrovelasque8618 2 роки тому

    Gracias por el video Fazt

  • @max_unch
    @max_unch 2 роки тому

    Excelente explicación! Muchas gracias por tus videos! ♥

  • @danefss
    @danefss 2 роки тому

    Definitivamente muy util. Muy buen contenido.

  • @MatiasUzumy
    @MatiasUzumy 2 роки тому

    Sr Fazt me ayudo mucho cuando me empezo a interezar la programacion y le queria pedir un favor ,ultimamente me esta interezando la ciberseguridad y me preguntaba si me puede recomendar por donde puedo empezar ,se que no es parte del contenido avitual pero confio mucho siempre en sus recomendaciones .Desde ya muchas gracias,

  • @davidjss
    @davidjss 2 роки тому +1

    Hola Fazt saludos desde Perú, gracias por compartir tus videos, caen en el momento indicado, te queria consultar lo siguiente, que programas usas para editar tus video y para hacer las animaciones que hiciste, por ejemplo la del "cliente-servidor".

    • @icabanah
      @icabanah Рік тому

      Según su acento, diría que Fazt tmb es peruano.

  • @clasesdefazt2193
    @clasesdefazt2193 2 роки тому

    Excelente explicacion Fazt !!

  • @hasancarmona6282
    @hasancarmona6282 4 місяці тому

    Que buena explicacion!!

  • @gober4662
    @gober4662 2 роки тому

    Muy buena explicación. Gracias.

  • @Pool-Petter-Hijuela
    @Pool-Petter-Hijuela Рік тому

    Hola Fazt, gracias por tu contenido. Una consulta donde encuentro la app del minuto 04:22, me gustaría verla.

  • @pedrocabana9062
    @pedrocabana9062 2 роки тому

    Muy buen contenido felicidades... Podría hacer algo de flutter y si combiene profundizarlo

  • @diegojuchani3754
    @diegojuchani3754 2 роки тому

    ajsja estaba necesitando esto que casualidad

  • @SanchayanPackiyanathan
    @SanchayanPackiyanathan Рік тому

    Gracias amigo, saludos.

  • @oshoosho4604
    @oshoosho4604 Рік тому +2

    uso cualquiera de los enfoques, pero si de mí dependiera, no hay nada q el objeto de javascript vanilla o puro llamado xmlHttpRequest no pueda hacer. con él hice cantidad de SPA. los frameworks de javascript me tocó aprenderlos por cuestiones laborales, no porq realmente resulevan algo q antes no se pudiera. de hecho más fácil era como se hacía antes

  • @BryanSanudoGarcia
    @BryanSanudoGarcia Рік тому

    contenido 10/10

  • @pablolusarreta
    @pablolusarreta 2 роки тому

    Por comentar .. tu micro tiene unos picos en 135 hz que son muy molestos en mis monitores de estudio .. quizás en otros monitores no se aprecie, pero hacen tu voz muy monótona, valga la redundancia! Con atenuar esa frecuencia con un ecualizador VST en OBS si usas este programa estaría! Por lo demás todo perfecto! sigue asi!!

  • @kodosensei
    @kodosensei 2 роки тому

    Contenido de calidad !!!🤠

  • @angelbelaunde9704
    @angelbelaunde9704 2 роки тому

    Genial el vídeo. Una duda cual es la mejor librería para generar reportes? Estoy usando react para un proyecto y estoy usando jsPDF pero es sumamente complejo hacer un reporte complejo con esta librería ya que los datos que debe procesar son dinámicos y cambian según la la información ingresada por el usuario.

  • @jodacame
    @jodacame 2 роки тому

    Actualmente puedes hacer MPA con tecnologías modernas como Vuejs usando Nuxt y hacer uso de lo mejor de los 2 mundos (Client side rendering and server side rendering), hacer uso de solo client side rendering puede ser fatal para algunos proyectos que necesitan SEO (ejemplo: un e-commerce).

  • @andersonpineda8875
    @andersonpineda8875 3 місяці тому

    hola estimado, y que opinas de inertia js?

  • @cerm88
    @cerm88 Рік тому

    Excelente explciación pero Jinja2 es el template de flask.

  • @ferxas4560
    @ferxas4560 2 роки тому

    Excelente video, Fazt.

    • @FaztTech
      @FaztTech  2 роки тому +1

      Gracias Ferxas :)

  • @aventurasenmoto7367
    @aventurasenmoto7367 Рік тому

    Hola Fazt hay forma que puedas asesorarme en temas puntuales de Flask por favor, hay cosas que se me están complicando. Agradezco tu respuesta.

  • @edgardomolinagonzalez3121
    @edgardomolinagonzalez3121 Рік тому

    React y Angular ahora quieren usar el SSR... Significa esto que Django podría estar a la par o ser mejor?

  • @Jimmy-zt5io
    @Jimmy-zt5io 2 роки тому +1

    Uno empieza con html css y javascript y despues te sale el universo entero

  • @Niconelli12
    @Niconelli12 Рік тому +1

    Seguramente lo explicas en los siguientes videos Fazt, pero hablar actualmente de Server-Side Rendering NO equivale a hablar de Multiple Page Application dependientemente, es decir, puedes tener tanto un sistema con SSR que sea multiple page asi como puedes tener un sistema SSR que sea single page application. De lo que depende si será SPA o MPA es de la tecnología a utilizar. Inclusive el mismísimo React.js vanilla en sus ultimas updates está ofreciendo features para hacer uso de SSR para hacer SPAs

  • @adj32nj
    @adj32nj Рік тому

    Haz un video de ese nuevo proyecto para Python, donde intentan hacer que solo usando Python se pueda hacer paginas ya no solo del lado del server, si no también crear la interfaz del cliente, se llama reflex.

  • @andyrosebeats2858
    @andyrosebeats2858 2 роки тому

    Fazt!! ¿Cómo se puede procesar un pago de bitcoin directamente desde nuestra app sin utilizar una API de una plataforma como la coinbase? Me refiero a hacerlo de forma directa con la blockchain escaneando los estados de la transacción y dándole manejo a cada estado (payment pending, payment completed) desde nuestra app en Nodejs... He buscado en tus dos canales y no encuentro algo similar... Podrías hacer este video para nosotros?

  • @matitk
    @matitk 2 роки тому +1

    La gran duda que tengo hace tiempo:
    Con node/express o cualquier otro back se puede servir archivos estaticos y hacer server side rendering de manera facil con un template engine o con un simple string generado al momento de tocar un endpoint, cual seria la diferencia de hacerlo asi en comparacion con algo como nextjs?
    Hay alguna alternativa mas optima que no implique meter un framework muy pesado?

    • @gabobaxx
      @gabobaxx 2 роки тому +1

      Si has hecho una aplicación con express de server side o solamente montado un servidor web, sabes que tienes que configurar un montón de cosas (que eso está bien si estás aprendiendo sobre la web) pero en el caso real, tu cómo programador tienes que intentar ahorrarte tiempo y complejidades que ya se han implementado y de una manera más óptima y mejor como lo son los framework.
      Con eso tenemos que la principal diferencia de Nextjs es que te facilita el trabajo donde solo tienes que pensar en la experiencia de usuario o el diseño de tu aplicación y no en el sistema de enrutamientos, configuraciones con template engine, etc.
      Obviamente hay más diferencia y tienen sus pros y contras pero creo que para un caso de la vida real, un framework te facilita muchísimo las cosas.

  • @pedronndong5682
    @pedronndong5682 2 роки тому

    Tanks Fazt 👋👋

  • @louistejeda
    @louistejeda 2 роки тому

    Excelente video!!

  • @puveil2294
    @puveil2294 2 роки тому

    Tengo 17 años, a los 14 empecé a desarrollar un framework de frontend de javascript que está inspirado en JQuery y React, llevo 3 años de desarrollo. Utiliza la sintaxis JSX compilada con babel, y el manejo del DOM, se hace con métodos que fusionan lo mejor de React y lo mejor de JQuery, por ahora no lo tengo en github. Espero que este proyecto funcione. Ahora estoy desarrollando todo el tema de los componentes y las funcionalidades para hacer que la pagina se actualice por secciones en lugar de que se cargue de nuevo la página. Luego solo me quedará implementar un sistema parecido a ajax y perfeccionar y optimizar el código, que por ahora tiene bastante código basura y malas prácticas a nivel de sintaxis, pero en un futuro, espero que sea completamente funcional.

  • @leonarzb5705
    @leonarzb5705 2 роки тому +1

    Tengo entendido que las SPA tardan más en cargar inicialmente aún siendo pwa pues descargan todo al iniciar mientras que las otras sólo la página que necesitas

    • @selienyorbandi
      @selienyorbandi 2 роки тому +1

      En las spa puedes usar lazy loading con las diferentes "páginas", y la app carga lo que necesita nomás

    • @FaztTech
      @FaztTech  2 роки тому +2

      Es cierto que por lo general, se crea un bundle final bastante grande, pero hay forma de optimizarlos dividiendo un archivo en multiples partes (Code Spliting) y cargarlos solo cuando se necesiten (Lazy Loading), de hecho hace unos meses tambien comparti un framework de frontend con esta idea:
      ua-cam.com/video/kT-Y17mEUZs/v-deo.html

  • @jimmypedraza433
    @jimmypedraza433 2 роки тому

    Cada vez se aprende mas... muchas gracias Fazt

  • @YODA5919
    @YODA5919 2 роки тому +1

    Buen video saludos

  • @xavicode3436
    @xavicode3436 2 роки тому

    gracias bro

  • @Myglobalsounds
    @Myglobalsounds 2 роки тому

    Tkm Fazt, cuando el video de vitest. Tkm bye.

  • @07cesarjoelgonzalezoliva31
    @07cesarjoelgonzalezoliva31 Рік тому +1

    Una duda. Como funcionan los sitios web que tienen muchos html. ¿Crean cada uno? O hay una forma de hacerlo automaticamente?

    • @FaztTech
      @FaztTech  Рік тому +1

      Hay una forma bastante común estos días de generar archivos html automáticamente usando los llamados “generadores de sitios estáticos”. Dejo un video del tema:
      ¿Que es un Generador de Sitio Estático? - Static Site generator (SSG)
      ua-cam.com/video/osWfEtbP_sk/v-deo.html

    • @07cesarjoelgonzalezoliva31
      @07cesarjoelgonzalezoliva31 Рік тому

      @@FaztTech Muchas graciaaaas. 👌🏻😁

  • @jmizraimcm7585
    @jmizraimcm7585 2 роки тому

    Una API REST es una arquitectura como el MVC?

    • @FaztTech
      @FaztTech  2 роки тому +1

      Una API Rest seria basicamente un backend que solo envia datos en formato JSON, es decir no enviar archivos HTML.
      Mientras que MVC es una forma de ordenar tus archivos (por asi decirlo) en un proyecto, dividiendolos en modelos (esquemas), vistas (html, interfaces) y controladores (funciones)

  • @emanuelkevinsamaniegocalde1626
    @emanuelkevinsamaniegocalde1626 2 роки тому

    Con Blazor solo con C# ya puedes usar para Front y Back End

    • @flussen0
      @flussen0 6 місяців тому

      y con muchas otras tecnologías también, no solo lo hace c#, son herramientas dependiendo del enfoque. yo también soy backend haha

  • @juliocefe1807
    @juliocefe1807 2 роки тому

    Please habla de HTMX, tengo esperanzas en esa librería y la estoy usando. No le veo nada de malo renderizar html, en vez de tener que crear rest apis que solo retornan json. Creo que para la mayoría de los casos htmx es suficiente, lo malo es que mucha gente aún no lo conoce, creo que tiene bastante potencial

    • @guillermonarvay8247
      @guillermonarvay8247 2 роки тому +1

      Hace un tiempo vengo leyendo sobre htmx, que está en la misma línea que hotwire turbo y unpoly, pero aún no la implemente en ningún proyecto. ¿Qué pasa con las rutas, te permite variar la url o esta se mantiene inalterable?

    • @juliocefe1807
      @juliocefe1807 2 роки тому

      @@guillermonarvay8247 interesante pregunta, por el momento solo he implementado htmx en modulos independientes, aun no he tenido esa necesidad que mencionas, pero si lo hacen con react router no creo que no se pueda hacer con htmx. Todavia tengo mucho que aprender, visita el video 'DjangoCon 2022 | From React to htmx' esta bueno.

    • @guillermonarvay8247
      @guillermonarvay8247 2 роки тому

      Justamente busco algo como un react router, poder usar htmx como una single page aplication pero con rutas

  • @kelvinfelix4588
    @kelvinfelix4588 2 роки тому

    bien

  • @yeisonbone9138
    @yeisonbone9138 2 роки тому

    Hola, amigo confiezo que soy nuevo en programación, en realidad son Contador pero me encanta la programación, en fin quiero crear aplicaciones contables y de verdad quisiera que me guíen en que debo aprender, al momento tengo bases en HTML, CSS, Javascrip, SQL y algo de Pyton, por favor en base a esto que debo aprender para crear mi aplicación web de contabilidad, gracias y escucho opiniones de todos.

    • @gilbertorodriguezdelacruz1184
      @gilbertorodriguezdelacruz1184 Рік тому

      Diría que te enfoques en programación e indagues más en Bases de datos. Al tener bases de Python, puedes usar el framework Django para crear tu aplicación, sin embargo debes de tener un poco de conocimiento en programación orientada a objetos y entender cómo funciona el patrón de diseño MVC pues esto es lo que usa Django. Creo que eso sería para involucrarte en el mundo de las aplicaciones web.

  • @diarioparaemprendedores
    @diarioparaemprendedores 2 роки тому

    Wow mi mente explotó

  • @cerm88
    @cerm88 Рік тому

    Exelnte explciación pero Jinja2 es el template de flask.

  • @alexdevorigin1
    @alexdevorigin1 2 роки тому

    Jamstack ?

  • @miguelsirna
    @miguelsirna 2 роки тому

    que paso con hey coders? e.e

  • @juanagustinmarti9699
    @juanagustinmarti9699 2 роки тому +1

    que raro me pareció que en ningún momento nombraste a next??

    • @FaztTech
      @FaztTech  2 роки тому +1

      Next estaria en la sección SPA, pero lo dejo afuera por que si usas next solo para SPA, es básicamente React, su fuerte de Next esta su Server Side Rendering, peor eso lo mencionaŕe en uno de los siguientes videos de Server Side Rendering :)

  • @icedev8078
    @icedev8078 2 роки тому

    Ummm creo que faltaría NextJS que si tiene SEO c:

  • @germanbaena6579
    @germanbaena6579 5 місяців тому

    Por Dios! duré acelerado como una hora seguida después de ver este vídeo, que horror, no pude ni parpadear.

  • @camarosss2
    @camarosss2 5 місяців тому

    Entendi en 7 minutos lo que no entendi en 5 años de la U

  • @kevinmc24
    @kevinmc24 2 роки тому

    Mmmm pal seo no spa xd

  • @geraldmc1939
    @geraldmc1939 2 роки тому

    Ya veo
    No entiendo nada
    No no mentira
    Muchas gracias!!

  • @naide3143
    @naide3143 2 роки тому

  • @LeninGonzalezMec
    @LeninGonzalezMec 2 роки тому

    Gran explicacion! muchas gracias.