Awesome GitHub RepositoriesRoute-Based Code Splitting

preact-cli es una herramienta de línea de comandos para andamiaje, desarrollo y construcción de aplicaciones utilizando la biblioteca Preact. Proporciona una tubería de construcción basada en Webpack para coordinar la transformación de código, la optimización de activos y la compilación de producción. El kit de herramientas incluye un pre-renderizador de sitios estáticos para convertir rutas de aplicación en archivos HTML estáticos y un kit de herramientas de desarrollo PWA para generar service workers y caché de activos offline. También funciona como un servidor de desarrollo frontend con recarga de módulos en caliente (HMR) y un proxy para la iteración de aplicaciones en tiempo real. El proyecto cubre una amplia gama de capacidades, incluyendo andamiaje de proyectos, optimización de construcción mediante división automática de código basada en rutas y la integración de tuberías de preprocesamiento CSS. También admite la gestión de variables de entorno y la personalización de configuraciones de construcción mediante plugins y anulaciones.

Este proyecto es una referencia técnica y guía para optimizar el rendimiento de las aplicaciones Angular. Proporciona una lista de verificación integral para mejorar la velocidad y la eficiencia centrándose en la optimización de paquetes (bundles), mejores prácticas de renderizado y ejecución en tiempo de ejecución. La guía cubre una amplia gama de diferenciadores, incluyendo la implementación de estrategias de aplicaciones web progresivas (PWA) a través de service workers y caché offline. También detalla métodos para mejorar los tiempos de carga percibidos utilizando renderizado del lado del servidor (SSR) y shells de aplicación. El repositorio proporciona orientación sobre áreas de capacidad más amplias, como el ajuste de la detección de cambios, el uso de web workers para descargar cálculos pesados y la gestión del DOM mediante desplazamiento virtual (virtual scrolling). También cubre la reducción del tamaño del paquete mediante tree-shaking, minificación y división de módulos de carga perezosa (lazy-loading).

after.js es un framework de renderizado del lado del servidor (SSR) para aplicaciones React que se integra con React Router para coordinar la carga de datos, el enrutamiento y la hidratación. Funciona tanto como un framework de renderizado como un generador de sitios estáticos, capaz de exportar páginas como archivos HTML y JSON estáticos para su entrega a través de redes de entrega de contenido (CDN). El framework proporciona una capa de obtención de datos del lado del servidor que rellena las propiedades de los componentes durante el proceso de renderizado. Gestiona la navegación a través de un sistema de redirecciones impulsadas por códigos de estado y manejo dinámico de errores, permitiendo que la aplicación active redirecciones o páginas de error de respaldo antes de que comience el renderizado. El proyecto cubre una amplia superficie de capacidades, incluyendo hidratación del lado del cliente, división de código basada en rutas y pre-obtención de datos para cachear información de rutas antes de la navegación. También permite la personalización de la estructura base del documento HTML y la implementación de motores de renderizado del lado del servidor personalizados.