miguel-perez/smoothState.js
SmoothState.js
smoothState.js es un gestor de navegación AJAX y biblioteca de transiciones de página jQuery diseñada para crear transiciones fluidas entre páginas cargando contenido remoto de forma asíncrona. Funciona como un gestor de estado del historial del navegador que adjunta datos serializables personalizados a las entradas del historial y maneja redirecciones de URL sin requerir recargas completas del navegador.
La biblioteca incluye una caché de página del lado del cliente que almacena páginas visitadas previamente en memoria para una recarga instantánea. Reduce aún más los tiempos de carga percibidos a través de un sistema de pre-carga de contenido que inicia solicitudes de red cuando un usuario pasa el cursor sobre un enlace.
El proyecto proporciona herramientas para gestionar ciclos de vida de carga y orquestar animaciones durante la entrada y salida de elementos de página. También permite la interceptación y modificación de solicitudes de navegación y configuraciones antes de que el contenido sea recuperado e inyectado en el documento.
Features
- Page Transition Libraries - Functions as a library designed to create animated transitions between full pages on server-rendered sites.
- AJAX Content Swapping - Intercepts browser navigation to replace DOM containers via asynchronous requests for seamless page transitions.
- Browser History State Caching - Uses the browser history API to store custom serializable data and maintain application state across navigation.
- Browser History Management - Provides utilities for synchronizing application state with browser history to maintain context during navigation.
- History State Updaters - Updates the browser URL and history state entries using pushState or replaceState as new content loads.
- Client-Side Page Caching - Stores previously visited page content in memory to ensure instant reloading during session navigation.
- Dynamic Content Loading - Implements the swapping of page sections and dynamic URL updates to enable fluid navigation without full page refreshes.
- Page Content Caches - Stores previously fetched HTML responses in memory for instant reloading of visited pages.
- Client-Side Page Caches - Stores previously visited pages in memory to ensure they load instantly when the user returns.
- Transition Lifecycle Hooks - Provides callback functions executed at precise stages of the loading process to coordinate visual transitions.
- Content Prefetching - Implements background downloading and caching of remote assets during link hover to ensure immediate availability.
- Hover-Triggered Page Prefetches - Initiates network requests for linked URLs when the user hovers over a link to reduce perceived load time.
- Navigation Lifecycle Managers - Executes logic and animations at specific stages including before the load, during requests, and after completion.
- Single Page Application Enhancements - Provides a modern single page application experience for traditional jQuery sites through AJAX content loading.
- Link Prefetchers - Provides programmatic link prefetching on hover to reduce perceived latency during page navigation.
- Animation and Motion - Seamless page transition library.
- Animations and Motion - Handles unobtrusive page transitions.
