Awesome GitHub RepositoriesRoute-Based Code Splitting

preact-cli est un outil en ligne de commande pour le scaffolding, le développement et la construction d'applications utilisant la bibliothèque Preact. Il fournit un pipeline de build basé sur Webpack pour coordonner la transformation du code, l'optimisation des assets et la compilation de production. La boîte à outils inclut un pré-rendu de site statique pour convertir les routes d'application en fichiers HTML statiques et une boîte à outils de développement PWA pour générer des service workers et le cache d'assets hors ligne. Il fonctionne également comme un serveur de développement frontend proposant le hot module replacement et un proxy pour l'itération d'application en temps réel. Le projet couvre un large éventail de capacités, incluant le scaffolding de projet, l'optimisation de build via le code splitting automatique basé sur les routes, et l'intégration de pipelines de pré-traitement CSS. Il prend également en charge la gestion des variables d'environnement et la personnalisation des configurations de build via des plugins et des surcharges.

Ce projet est une référence technique et un guide pour optimiser les performances des applications Angular. Il fournit une liste de contrôle complète pour améliorer la vitesse et l'efficacité en se concentrant sur l'optimisation des bundles, les meilleures pratiques de rendu et l'exécution au moment de l'exécution (runtime). Le guide couvre un large éventail de différenciateurs, notamment la mise en œuvre de stratégies d'applications web progressives (PWA) via des service workers et la mise en cache hors ligne. Il détaille également des méthodes pour améliorer les temps de chargement perçus en utilisant le rendu côté serveur et les shells d'application. Le dépôt fournit des conseils sur des domaines de compétences plus larges tels que le réglage de la détection de changement, l'utilisation de web workers pour décharger les calculs lourds, et la gestion du DOM via le défilement virtuel. Il couvre également la réduction de la taille des bundles via le tree-shaking, la minification et le fractionnement des modules en chargement paresseux (lazy-loading).

after.js est un framework de rendu côté serveur (SSR) pour les applications React qui s'intègre avec React Router pour coordonner le chargement des données, le routage et l'hydratation. Il fonctionne à la fois comme un framework de rendu et un générateur de site statique, capable d'exporter des pages sous forme de fichiers HTML et JSON statiques pour une livraison via des réseaux de diffusion de contenu (CDN). Le framework fournit une couche de récupération de données côté serveur qui peuple les propriétés des composants pendant le processus de rendu. Il gère la navigation via un système de redirections pilotées par code d'état et une gestion dynamique des erreurs, permettant à l'application de déclencher des redirections ou des pages d'erreur de secours avant que le rendu ne commence. Le projet couvre une large surface de capacités, incluant l'hydratation côté client, le découpage de code basé sur les routes (code splitting) et la pré-récupération de données pour mettre en cache les informations de route avant la navigation. Il permet également la personnalisation de la structure du document HTML de base et l'implémentation de moteurs de rendu côté serveur personnalisés.