like si lloraste con la llorona al crear TodoMachine
Fundamentos de navegación en la web
¿Cuándo necesitas React Router?
SSR vs. Single Page Applications
Versiones de React Router: ¿Por qué son tantas? ¿Cuál elegir?
Introducción a React Router DOM 6
Instalación de React Router DOM 6
BrowserRouter vs. HashRouter
Route: componentes de navegación
Link vs. NavLink
useParams: rutas dinámicas
useNavigate: historial de navegación
Outlet: nested routes
Fake authentication con React Router DOM 6
useAuth: login y logout
Menú con rutas públicas y privadas
Navigate y redirects: protegiendo rutas privadas
Roles y permisos
Reto: composición de componentes con navegación
Reto: UX de login y logout
Reto: roles complejos
React Router en TODO Machine
Integrando React Router a proyectos en React
Creando las rutas de TODO Machine
Botón de editar TODOs
Generador automático de IDs
Cambiando modales por navegación
Obtener y editar TODOs
useLocation: transferencia de datos por navegación
Deploy con React Router en GitHub Pages
Próximos pasos
Reto: página de búsquedas con navegación
Reto: TODO Machine con React Router DOM 5
Reto: PlatziMovies con React Router
Reto: crea tu propio React Router
Espera más cursos de React.js
Aportes 34
Preguntas 1
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!
todo machine es SERVER SIDE RENDERING, porque solo tine una pagina, creo yo
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?
o inicia sesión.