Aprende todo un fin de semana sin pagar una suscripción 🔥

Aprende todo un fin de semana sin pagar una suscripción 🔥

Regístrate

Comienza en:

3D
20H
53M
2S

SSR vs. Single Page Applications

2/30
Recursos
Transcripción

Aportes 34

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

o inicia sesión.

like si lloraste con la llorona al crear TodoMachine

SPA y SSR

RESUMEN:

La representación del lado del servidor (SSR) y las aplicaciones de página única (SPA) son dos enfoques diferentes para construir aplicaciones web.

SSR es una técnica en la que el servidor genera el HTML para una página web y lo envía al navegador del cliente para ser renderizado. Esto permite que los motores de búsqueda rastreen la página web y mejora el tiempo de carga inicial para los usuarios, pero puede conducir a un rendimiento más lento y una experiencia de usuario menos dinámica.

Las SPA, por otro lado, son aplicaciones web que cargan una única página HTML y actualizan dinámicamente el contenido a medida que el usuario interactúa con la aplicación. Esto proporciona una experiencia de usuario más fluida y receptiva, pero puede dificultar que los motores de búsqueda rastreen la página web y aumentar el tiempo de carga inicial.

Tanto SSR como SPA tienen sus propias ventajas e inconvenientes, por lo que la elección entre los dos depende de los requisitos específicos del proyecto.

En la APP TODO Machine no utililzamos ninguna API, simplemente hardcodeamos la carga inicial con un patron de diseno. TODO Machine es una ‘SPA’’.

Todo Machine, no tiene contenido html en el body enviado por el servidor, y renderiza todo su contenido con javascript desde el inicio de la appliación.

Progressive Server Side Rendering … creo que deberia ser el objetivo de todo WEB PAGE

TodoMachine es una SPA

Podemos desarrollar una app SSR con el framework Next.js. Con esta herramienta no necesitariamos una herramienta de navegacion porque ya la tiene integrada.

habla mucho, y me parecen muy largas las explicaciones, me gustaria que fuera mas al grano y conciso todo.
gracias

Progressive Server Side Rendering me parece la mas acertada en los proyectos, es mas compleja pero la mas optima a mi parecer para la navegacion

Todo machin es Single Page. Y ahora vamos a agregarle Router !! para crear mas rutas.

Client Side Rendering Escucha desde el cliente y solo vuelve a renderizar lo que cambio. Con este metodo podemos renderizar solo los componentes que cambiaron. Dejando cosas como el Header o Footer sin volver a recargar (salvo que reciban algun cambio)

TodoMachine es una SPA (Single Page Application) el primer HTML que carga son 2 div uno con ID = “root” y otro con id= “modal” después crea todo contenido. entonces TodoMachine utiliza Client-side rendering

Actualmente es CSR ya que el back-end solo nos brinda el html básico y por medio de react creamos la aplicación. En un futuro se me ocurre que podría ser Progressive server side rendering si los todos están en una base de datos y el back nos devuelve la pagina inicial con ellos cargados, pero a medida que cargamos nuevos todos estos se procesen en el cliente.

ToDo Machine por su estructura de una sola pagina (por el momento) y al no consumir ninguna API es una SPA

El todomachine que hicimos encaja en la categoría de SPA

Pues diría que To Do Machine es una single page aplication y en ese mismo diseño puede agregar las rutas.

Al inicio no hay que cargar demasidas cosas, por lo que la primera carga se mantiene rapida.

ToDo es un Server Side Rendering.
Debería ser progressive, sin embargo si nos vamos con una single page app estaría bien…

TodoMachine . com es SPA

Pienso que todoMachine esta podria estar hecho con SPA, porque como trabajaria con mucha informacion en caso de tener un backend.

Creo que TODO Machine Es una Single page aplication pero cuando ocupamos la los portales, estariamos ocupandola como Server side rendering. bueno eso creo

TodoMachine es una SPA

Es una SPA!

Respondiendo a la pregunta de la clase:

To Do Machine es una SPA (Single Page Application) ya que en primera instancia recibimos un HTML vacío (#root) donde luego se renderiza y manipula el DOM según la interacción del usuario.

En este caso la todo-machine se adecua a una SPA (Single Page Application), utilizar client side rendering.
En el caso que se utilice una DataBase, entonces podría utilizarse un PSR (Progressive Server Side Rendering).

ToDo Machine es una Single Page Application (SPA)

SSR vs SPA No lo se exactamente pero debe creo que es SPA

TODO machine es una SPA, usamos client side rendering

Es una SinglePageApplication (SPA)

Nuestro TODO Machine es una SPA aquí el por que!

  • Las SPA son aplicaciones web que cargan una sola página HTML y actualizan dinámicamente el contenido mediante JavaScript. Si hacen una rápida comparación con la definición que les dí hace un momento y nuestro TODO podran darse cuenta que es lo mismo. Espero y les sirva!

todo machine es SERVER SIDE RENDERING, porque solo tine una pagina, creo yo