4 repositorios
Mechanisms for preserving the UI state and scroll position of specific routes in memory.
Distinct from Client-Side Caching: Distinct from Client-Side Caching: focuses on preserving view state (like scroll position) during navigation rather than mirroring remote data.
Explore 4 awesome GitHub repositories matching web development · Route State Caching. Refine with filters or upvote what's useful.
This project is a mobile-first web interface built with Vue 3 that replicates the layout and interaction patterns of a short-form video platform. It is designed as a responsive web application focused on high-performance mobile rendering and short-video workflows. The application features a vertical video carousel with infinite scrolling and a vertical-slide view orchestration system for seamless content playback. It employs a responsive layout using viewport-relative units to ensure consistent rendering across various mobile screen sizes and aspect ratios. The project incorporates Pinia for
Preserves the state of visited pages in memory to eliminate full reloads during navigation.
Este proyecto es una base preconfigurada para construir aplicaciones web responsivas para móviles utilizando Vue 3 y Vite. Proporciona un scaffold listo para producción que integra herramientas de desarrollo esenciales, librerías de componentes y optimizaciones en tiempo de construcción para acelerar la creación de interfaces móviles. El framework se distingue por la gestión automatizada de activos y configuración, incluyendo el registro automático de componentes de UI y la conversión de archivos SVG en componentes reutilizables. Cuenta con soporte integrado para diseño responsivo transformando automáticamente unidades CSS basadas en píxeles en unidades de viewport relativas, asegurando un escalado de diseño consistente en varios dispositivos móviles. Además, incluye simulación de red en tiempo de desarrollo para permitir pruebas frontend sin un backend funcional, junto con capacidades de depuración remota para inspeccionar logs y peticiones de red directamente en hardware móvil. El proyecto cubre una amplia gama de requisitos de desarrollo, incluyendo persistencia de estado basada en rutas para mantener posiciones de scroll y datos de entrada durante la navegación, y sincronización dinámica de metadatos para títulos de navegador. También incorpora utilidades enfocadas en el rendimiento como carga de componentes bajo demanda, optimización de activos de producción y validación automatizada de mensajes de commit para mantener los estándares del proyecto.
Persists component instances and scroll positions in memory during navigation to maintain user state across page transitions.
React-router-cache-route is a client-side route state manager and component caching library for React Router applications. It preserves component state, local Document Object Model structures, and view containers across route changes to prevent unmounting during navigation. The library includes LRU-based cache capacity limiting to automatically prune older entries and manage memory consumption when handling multiple dynamic route instances. It provides declarative route matching rules using conditional strings or custom functions, alongside an automatic scroll position persistence engine tha
Manages multiple cached instances of parameterized routes with custom limits and keys to automatically prune older entries.
This library is a navigation manager for Vue applications that provides a stack-based history system to simulate native mobile application behavior. It functions as a router extension that tracks route transitions and maintains a chronological log of visited pages, allowing for predictable forward and backward movement within single-page applications. The project distinguishes itself by preserving component states, including scroll positions and data, during navigation. By caching these states in memory, it prevents full page re-renders when users return to previous views, ensuring that the a
Saves the current state of active components during navigation to prevent full page re-renders.