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 鈥楽PA鈥欌.

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 = 鈥渞oot鈥 y otro con id= 鈥渕odal鈥 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