4 dépôts
Using JavaScript Proxies to intercept and react to changes in object properties for state management.
Distinct from Method Interception Proxies: None of the candidates cover general JS Proxy usage for state mutation interception in a reactivity engine.
Explore 4 awesome GitHub repositories matching software engineering & architecture · Proxy-Based State Interception. Refine with filters or upvote what's useful.
mobx-react est une bibliothèque qui fournit des liaisons d'état pour connecter les composants React à l'état observable MobX. Elle fonctionne comme un synchroniseur d'état de composant, garantissant que les éléments de l'interface utilisateur sont automatiquement re-rendus uniquement lorsque les données observées spécifiques qu'ils consomment changent. Le projet permet une architecture d'état découplée en déplaçant la logique métier et l'état du domaine dans des magasins autonomes, séparant la gestion des données de l'arbre des composants React. Il facilite la distribution de l'état global à travers des hiérarchies de composants profondes en utilisant des fournisseurs et le contexte pour éviter le passage manuel des props (prop drilling). La bibliothèque couvre un large éventail de primitives de gestion d'état, notamment les collections observables, les mises à jour basées sur des actions et la dérivation d'état calculé. Elle fournit des aides à l'intégration de l'interface utilisateur pour les composants de classe et fonctionnels, ainsi que des optimisations de performance pour la précision du re-rendu des composants et la prévention des fuites de mémoire lors du rendu côté serveur. Le projet est implémenté en TypeScript.
Uses JavaScript Proxies to detect and respond to object property mutations in real time.
Trois est un gestionnaire de scène 3D déclaratif et une bibliothèque de composants Three.js pour Vue 3. Il agit comme un wrapper réactif qui mappe les graphes de scène et les matériaux Three.js vers un arbre de composants Vue, permettant la création de moteurs de rendu 3D basés sur le web en utilisant des templates de type HTML. Le projet synchronise un arbre de composants réactif avec un graphe de scène 3D via une liaison d'état basée sur des proxys et un mappage de propriétés réactif. Il dispose d'un graphe de scène basé sur des composants qui gère les transformations spatiales et les durées de vie des objets, intégrant une boucle requestAnimationFrame avec les événements de cycle de vie des composants. La bibliothèque couvre un large éventail de capacités 3D, y compris la génération de géométrie, le rendu instancié et un pipeline de chargement d'actifs pour des formats comme GLTF et FBX. Elle fournit des outils complets pour l'éclairage et les ombres, une variété de types de matériaux allant du basique au physiquement basé et des shaders personnalisés, ainsi qu'une gestion du viewport via des caméras en perspective et des contrôles orbitaux. Les fonctionnalités supplémentaires incluent des effets de post-traitement, le suivi des entrées de pointeur et l'intégration du mode réalité virtuelle. Le package prend en charge l'importation via des réseaux de diffusion de contenu (CDN) pour un prototypage rapide.
Uses JavaScript Proxies to create a reactive bridge that updates 3D object properties in real-time.
Ce dépôt est une collection de défis de codage JavaScript et un guide d'entretien complet. Il fournit des implémentations de référence et des exemples éducatifs conçus pour aider les développeurs à maîtriser les fondamentaux du langage et à se préparer aux entretiens techniques. Le projet couvre un large éventail d'implémentations spécialisées, incluant des modèles de programmation fonctionnelle comme le currying et l'application partielle, ainsi que des modèles asynchrones pour le contrôle de la concurrence. Il inclut également des exemples pratiques de manipulation du Document Object Model (DOM) et l'implémentation de structures de données courantes telles que les piles et les files d'attente. Globalement, la collection couvre des fonctionnalités avancées du langage, des implémentations de modèles de conception et la manipulation de structures de données. Elle aborde une surface qui inclut la programmation asynchrone, l'interaction DOM, les modèles de création orientés objet et les opérations primitives de bas niveau.
Uses JavaScript Proxies to intercept and react to changes in object properties.
Ce projet est une chronique historique traduite et une référence de langage de programmation documentant l'évolution technique et la standardisation de JavaScript sur deux décennies. Il sert d'archive d'ingénierie logicielle qui suit les brouillons de versions et l'influence de divers organismes de normalisation sur le développement du langage. Le dépôt fournit une traduction chinoise d'une histoire complète, analysant les jalons sociopolitiques et techniques de l'écosystème. Il cartographie les jalons du langage et chronique le développement des spécifications officielles pour fournir un contexte historique sur la façon dont le langage a évolué. La documentation couvre les concepts fondamentaux du langage, incluant le flux asynchrone, les modèles d'objets et la gestion de la mémoire. Elle inclut également un catalogue de contributeurs de l'industrie et un glossaire de terminologie technique et de patterns architecturaux.
Details the use of JavaScript Proxies for intercepting object property operations.