Awesome GitHub RepositoriesClass-Based Components

Vue est un framework JavaScript progressif basé sur des composants, conçu pour construire des interfaces utilisateur réactives et des applications monopage. Il se concentre sur un système de modèles déclaratif qui transforme le HTML en fonctions de rendu efficaces, permettant aux développeurs d'organiser des interfaces complexes en unités isolées et réutilisables qui se synchronisent automatiquement avec l'état de l'application. Le framework se distingue par un système de réactivité de suivi des dépendances qui surveille l'accès aux données pendant le rendu pour déclencher des mises à jour précises. Il fournit une architecture flexible qui prend en charge à la fois l'adoption incrémentale en tant que bibliothèque légère et le développement d'applications à grande échelle. Les développeurs peuvent tirer parti d'un modèle d'extensibilité robuste basé sur des plugins pour injecter une logique globale, tandis que la réconciliation du DOM virtuel du framework garantit des mises à jour d'interface efficaces en calculant des mutations minimales. Au-delà de ses capacités de rendu de base, le projet inclut une suite complète d'outils pour gérer l'état de l'application, le routage basé sur les URL et le rendu côté serveur. Il offre un support étendu pour la composition de composants, la distribution de contenu et la gestion d'animation, aux côtés de mesures de sécurité intégrées comme l'échappement automatique du contenu pour prévenir les vulnérabilités courantes. Le framework est distribué avec des déclarations de type officielles pour prendre en charge l'analyse statique et peut être installé via des gestionnaires de paquets standard ou intégré directement dans les environnements de navigateur via des balises de script.

Preact is a lightweight declarative user interface library designed for building high-performance web applications. It utilizes a component-based architecture where interfaces are defined as functional or class-based units, relying on a virtual DOM to perform efficient state reconciliation and updates. By prioritizing a minimal footprint, the library enables developers to create modular, predictable, and testable user interfaces while maintaining compatibility with standard browser APIs. The library distinguishes itself through a reactive state engine that leverages signals to track dependenc

Aurelia is a JavaScript web framework and component-based UI system used to build applications for browser, mobile, and desktop environments. It functions as a frontend application orchestrator and data binding library that synchronizes application state with the view to render dynamic content and process user input. The framework implements a component architecture that pairs logic classes with HTML templates to create reusable visual elements. It utilizes a dependency injection container to manage object lifecycles and a modular composition model that aggregates independent functional packa

Cette bibliothèque fournit un modèle structurel pour construire des composants d'interface utilisateur en utilisant des classes ES6 et des décorateurs. Elle fonctionne comme une bibliothèque de composants TypeScript qui permet aux développeurs de gérer l'état et la logique au sein du framework Vue en définissant les composants comme des classes au lieu d'utiliser des objets d'options standard. Le projet utilise un décorateur TypeScript pour traduire les propriétés et méthodes de classe dans le format standard requis par le runtime du framework. Cette approche permet une architecture de composants basée sur les classes qui tire parti de TypeScript pour une meilleure sécurité de type et une meilleure organisation du code. Le système convertit les définitions basées sur les classes en objets JavaScript simples via l'extraction de logique basée sur le prototype et le mappage basé sur les décorateurs. Il synchronise en outre les mises à jour de données en mappant les membres d'instance de classe vers le système d'état réactif du composant.

Ce projet est une boîte à outils pilotée par TypeScript qui fournit des décorateurs et des structures basées sur des classes pour construire des composants Vue.js. Il agit comme un wrapper qui remplace la configuration d'objet de l'API d'options standard par une bibliothèque basée sur des classes, permettant aux développeurs de définir la logique, l'état et les métadonnées des composants en utilisant des propriétés typées. La boîte à outils se concentre sur l'utilisation de décorateurs TypeScript pour mapper les propriétés de classe aux options de composant telles que les props, les modèles et les watchers. Elle permet une validation de prop pilotée par le type et fournit une syntaxe structurée pour gérer la synchronisation de l'état réactif et la communication entre composants. La bibliothèque couvre de vastes domaines de capacités, incluant le partage de données hiérarchique via l'injection de dépendances, la liaison de modèle bidirectionnelle et l'observation des changements de propriété. Elle inclut également des systèmes pour créer des références typées vers des éléments HTML ou des instances de composants enfants pour une manipulation directe.

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.

Lit-element est un framework de composants personnalisés et une bibliothèque d'interface utilisateur réactive qui fournit une classe de base pour créer des éléments HTML standard. Il est conçu pour construire des composants web qui mettent automatiquement à jour leur état visuel lorsque les propriétés internes ou les données changent. Le projet permet le développement de composants encapsulés utilisant le shadow root pour isoler les styles et la structure. Il utilise des littéraux de gabarit JavaScript pour rendre des templates déclaratifs sans nécessiter d'étape de compilation. La bibliothèque couvre la gestion de l'état par le suivi des propriétés réactives et la synchronisation des propriétés de classe JavaScript avec les attributs HTML. Elle inclut également des capacités pour limiter la portée des sélecteurs CSS et gérer les cycles de rendu asynchrones pour traiter les mises à jour de l'interface.

TypeScript-Vue-Starter is a pre-configured project template and starter kit designed for building web applications using Vue and TypeScript. It provides a structural foundation for creating type-safe user interface environments through integrated project scaffolding and boilerplates. The project distinguishes itself by integrating TypeScript class decorators with Vue components, allowing for a structured approach to defining component data and properties. This setup supports single-file components that combine markup, styling, and logic into modular, type-checked units. The environment inclu