6 dépôts
Deferring the loading of UI components until they are needed to reduce initial bundle size.
Distinct from Asynchronous Property Loading: The candidates focus on data properties, translations, or mobile-specific remote bundles, whereas this is general framework-level component lazy-loading.
Explore 6 awesome GitHub repositories matching web development · Asynchronous Component Loading. Refine with filters or upvote what's useful.
Ceci est le site web de documentation complet pour le framework JavaScript progressif Vue 2. Il sert de référence technique et de guide de développement pour la création d'interfaces utilisateur réactives et d'applications monopage. Le site fournit une référence API JavaScript détaillée et un répertoire de composants web. Il couvre l'implémentation d'architectures basées sur des composants, la gestion d'état réactive et l'utilisation d'un DOM virtuel pour synchroniser l'état de l'application avec le navigateur. La documentation détaille des capacités incluant le routage côté client, la manipulation déclarative du DOM et les optimisations de build frontend telles que le rendu côté serveur et la précompilation de templates. Elle explique également l'approche du framework en matière de synchronisation d'état, de cycles de vie des composants et l'utilisation de directives personnalisées. Le contenu est maintenu sous forme d'une collection de tutoriels et de spécifications, avec une documentation éditée via Markdown.
Provides mechanisms to define components as factory functions to defer loading and reduce the initial bundle size.
Ceci est une extension Webpack utilisée pour extraire le CSS des fichiers JavaScript vers des feuilles de style autonomes pour les builds de production. Il fonctionne comme un bundler CSS et un optimiseur d'assets qui sépare les styles des bundles de scripts pour permettre un chargement parallèle et prévenir les flashs de contenu non stylisé. Le projet fournit des utilitaires pour générer des exports de modules JavaScript qui mappent les définitions de style locales aux composants d'application. Il implémente également la gestion de thèmes dynamique en chargeant conditionnellement différentes variantes CSS via des requêtes de ressources et prend en charge le cache navigateur à long terme via l'utilisation de noms de fichiers avec hash de contenu. Les domaines de capacité couvrent l'optimisation des performances frontend via le chargement asynchrone des styles à la demande et les optimisations de rendu côté serveur, incluant l'inlining de style et la prévention des balises en double. L'outil prend également en charge un workflow de développement avec hot module replacement pour des mises à jour de style instantanées. Le plugin s'intègre dans le pipeline de build Webpack et fournit des options de configuration pour les motifs de noms de fichiers de sortie et des hooks de cycle de vie pour personnaliser la génération des balises link de style.
Loads stylesheets in the background to improve initial page load speed and reduce render-blocking.
o2oa est une plateforme d'automatisation de bureau d'entreprise Java open-source conçue pour gérer les flux de travail d'entreprise, les hiérarchies organisationnelles et les tâches de bureau collaboratives. Elle fonctionne comme une plateforme d'application métier low-code et un portail d'information d'entreprise, fournissant un environnement de développement visuel pour construire des applications d'entreprise personnalisées. La plateforme se distingue par son moteur de flux de travail d'entreprise intégré, qui permet la conception et l'automatisation des processus métier en utilisant des conditions de routage personnalisables et des scripts pilotés par événements. Elle se différencie davantage en tant que framework d'entreprise multi-bases de données, prenant en charge diverses bases de données relationnelles et déploiements haute disponibilité sur différents systèmes d'exploitation. Le système couvre un large éventail de domaines de capacités, notamment la modélisation visuelle low-code pour les formulaires et les pages, la conception de portail centralisé avec des tableaux de bord pilotés par les données, et l'intégration de données d'entreprise avec des services RESTful et des modèles de langage étendus. Il intègre également la gestion de la structure organisationnelle, le contrôle d'accès basé sur les rôles et le déploiement mobile multiplateforme pour Android, iOS et HarmonyOS. L'installation est prise en charge sur les environnements Linux et Windows en utilisant Docker et Nginx.
The platform runs a function before a component loads to initialize data before the component registers.
dcat-admin est un framework de panneau d'administration Laravel utilisé pour construire rapidement des interfaces d'administration pilotées par les données. Il fonctionne comme un générateur de CRUD et un outil de scaffolding backend qui produit automatiquement des interfaces de création, lecture, mise à jour et suppression basées sur les schémas de tables de base de données. Le système se distingue par une architecture d'extension basée sur des plugins et la capacité d'exécuter plusieurs instances administratives indépendantes au sein d'une seule installation. Il fournit des outils spécialisés pour mapper des API externes vers des formulaires et des tableaux, ainsi qu'un cycle de vie de formulaire piloté par les événements pour exécuter une logique personnalisée lors de la résolution et de la soumission. Le framework couvre un large éventail de domaines de capacités, notamment le contrôle d'accès basé sur les rôles pour gérer les permissions hiérarchiques, une suite complète de grilles de gestion de données avec édition en ligne et des workflows de formulaires multi-étapes. Il inclut également des outils de visualisation de données pour les tableaux de bord opérationnels et une variété d'utilitaires de gestion de contenu pour les téléchargements de fichiers volumineux par morceaux et l'édition de texte riche. Des utilitaires en ligne de commande sont fournis pour automatiser la génération de composants administratifs et de classes d'action.
Implements lazy-loading of page elements and components via AJAX to improve perceived initial load performance.
Ce projet est un tutoriel d'implémentation React éducatif et un framework de rendu concurrent. Il sert de démonstration étape par étape de la manière de construire une bibliothèque compatible à partir de zéro, incluant un moteur de DOM virtuel pour calculer les différences d'arbres d'éléments et un système d'événements synthétiques pour la cohérence des interactions entre navigateurs. Le framework implémente un gestionnaire d'état basé sur des hooks pour suivre les données de composants locaux et partager un contexte global. Il utilise une architecture de rendu concurrent qui emploie le découpage temporel (time-slicing) et des priorités basées sur des voies (lane-based) pour maintenir la réactivité du thread principal pendant les mises à jour lourdes. Le projet couvre une large surface de capacités incluant la gestion d'état des composants, le développement de renderers personnalisés découplés du navigateur et l'implémentation d'une planification de mise à jour basée sur les priorités. Il gère également la synchronisation des arbres virtuels avec le document du navigateur et la gestion des effets secondaires des composants.
Supports asynchronous component loading with fallback interfaces to optimize bundle size.
This project is a concurrent UI library and virtual DOM framework. It functions as a state management system and component lifecycle manager designed to reconcile virtual representations of a user interface with the actual DOM. The library utilizes a fiber-based architecture to implement concurrent rendering, breaking interface updates into small chunks to maintain responsiveness. It distinguishes itself through UI update prioritization and the ability to handle asynchronous component loading with fallback interfaces. The system covers a broad surface of frontend architecture, including glob
Provides a mechanism to defer component loading and show fallback interfaces to maintain UI responsiveness.