Awesome GitHub RepositoriesProxy-Based Reactivity

Solid is a reactive UI library and isomorphic JavaScript framework used for building component-based user interfaces. It functions as a declarative component library and state management system that updates the DOM without using a virtual DOM. The framework utilizes fine-grained reactivity and proxy-based state management to track dependencies and trigger precise updates to specific text or attributes. It supports isomorphic rendering through streaming server-side rendering and progressive hydration, allowing content to be generated on both the server and the client. The system covers declar

Solid is a declarative JavaScript framework for building user interfaces through fine-grained reactivity. By utilizing a compile-time template transformation process, it converts JSX into direct DOM manipulation instructions, eliminating the need for a virtual tree. This architecture allows the framework to track dependencies at the individual element level, ensuring that state changes trigger surgical updates to the interface. The framework distinguishes itself through its isomorphic rendering pipeline, which shares reactive logic across server and client environments to support both initial

This project is a declarative framework for building reactive user interfaces by embedding logic directly into HTML markup. It functions as a lightweight state container that tracks data changes and automatically synchronizes the document object model with the underlying application state. By utilizing proxy-based observation, it ensures that interface updates occur precisely when reactive properties are modified. The framework distinguishes itself by allowing developers to define interactive behavior through custom attributes rather than external scripts. This approach enables the compositio

Immer is an immutable state management library used to create new versions of data structures. It allows the production of new state by mutating a temporary draft instead of using manual object spreading. The project implements structural sharing to reuse unchanged parts of a data tree between versions, which reduces memory consumption. It also functions as a JSON patch generator to calculate and output the differences between two state versions. To ensure data integrity, the library includes a state mutation protector that freezes data structures to detect and prevent accidental modificatio

MobX is a reactive state management library and fine-grained reactivity engine. It provides an observable data store that automatically triggers updates in the user interface when data structures change, functioning as a transparent functional reactive store to maintain a consistent source of truth. The system utilizes a dependency-graph mapping and proxy-based object observation to track data dependencies. This ensures that only the specific components dependent on changed data are updated, which reduces unnecessary re-renders and optimizes frontend performance. The library supports decoupl

Ruby is a general-purpose, dynamic programming language built on an object-oriented runtime environment. It treats every piece of data as an object, ensuring a consistent interface for manipulation across the entire system. The language is designed to support programmer productivity through a focus on natural syntax and flexible metaprogramming capabilities. The runtime distinguishes itself through a pure object model that allows for dynamic class modification and runtime method definition. It supports functional programming patterns by encapsulating code blocks as objects that capture their

Jotai is a state management library for React applications that utilizes an atomic model to handle data. It organizes application state into small, independent units called atoms, which automatically track dependencies and trigger granular updates to components. By building state through these composable primitives, the library ensures that only the necessary parts of an application re-render when data changes. The library distinguishes itself through its flexible approach to state composition and asynchronous data handling. It integrates promises directly into the state model, allowing devel

Quarkus is a Kubernetes-native Java framework designed for building high-performance, memory-efficient applications. It utilizes ahead-of-time native compilation to transform Java code into standalone, optimized binaries that eliminate the need for a virtual machine, enabling rapid startup and reduced memory consumption. By performing code augmentation during the build phase, it shifts heavy processing tasks away from runtime, ensuring that applications are optimized for cloud-native environments. The framework distinguishes itself through a unified approach to reactive and imperative program

Partytown is a library designed to offload resource-intensive third-party scripts to background web workers. By executing these scripts outside of the main thread, it prevents them from blocking the critical rendering path, thereby maintaining a responsive user interface and improving overall page load performance. The project functions as a web worker proxy library that synchronizes browser interfaces between the main thread and background environments. It uses proxy-based access and synchronous messaging to replicate global objects like the window and document, allowing scripts to interact

BiliRoaming is an Android application modification module designed to enhance the official video streaming experience through runtime method swizzling and network traffic interception. It functions as a framework that injects custom logic into the host process to bypass regional playback restrictions and enable access to media content regardless of geographic location. The tool distinguishes itself by providing a comprehensive suite of features for media consumption and interface control. It enables users to download restricted content for offline viewing, suppress intrusive modal dialogs, an

Petite-vue is a lightweight, client-side reactive UI library and templating engine designed for progressive enhancement. It serves as a minimal state management tool that binds reactive data to DOM elements, allowing user interfaces to update automatically when state changes without requiring a full build step. The framework specifically focuses on adding interactivity to server-rendered HTML. It allows for the creation of isolated reactive regions and embedded widgets on a single page, using custom delimiters to prevent syntax conflicts with server-side template engines. The system covers r

Harmony is a library for modifying, replacing, and decorating compiled .NET and Mono methods during execution without altering binary files on disk. It functions as a runtime method patching tool, a CIL instruction manipulator, and a reflection extension for C#. The project provides mechanisms to intercept method execution, allowing custom code to run before or after original methods while maintaining the existing program flow. It enables the analysis and rewriting of Common Intermediate Language instructions to change the internal logic of compiled methods. The toolkit also includes utiliti

Ce projet est un guide complet de préparation aux entretiens techniques et une base de connaissances en informatique. Il sert de ressource d'étude structurée conçue pour aider les ingénieurs logiciels à réviser les concepts d'ingénierie fondamentaux et à se préparer aux évaluations de codage professionnelles. Le dépôt se concentre sur un large éventail de domaines théoriques et pratiques, incluant des références détaillées sur l'architecture des applications mobiles et les fondamentaux des systèmes d'exploitation. Il fournit des matériaux sélectionnés sur les modèles d'architecture logicielle et l'analyse des protocoles réseau pour soutenir le développement professionnel. Le contenu couvre des capacités fondamentales telles que les structures de données et les algorithmes, la concurrence et le multithreading, et la gestion de la mémoire. Il inclut également des approfondissements sur l'architecture système, notamment la planification des processus, la communication inter-processus et l'optimisation du rendu UI.

Ce projet est un blog de développement frontend et une base de connaissances technique. Il sert de référence en génie logiciel et de portfolio de développement web, fournissant une collection curatée d'articles et de notes sur l'ingénierie frontend, les modèles de programmation et les fondamentaux de l'informatique. Le site se concentre sur l'éducation en ingénierie frontend et la gestion des connaissances techniques. Il couvre les modèles d'architecture logicielle, les workflows de développement web et la préparation aux entretiens d'ingénierie via l'organisation de guides techniques et de tutoriels. La portée du projet inclut la documentation des rouages internes des navigateurs, l'implémentation d'interfaces réactives et l'optimisation des performances web. Il aborde également les structures de données, les algorithmes et le processus de construction et de déploiement de sites web statiques.

Van is a reactive JavaScript UI framework designed for building user interfaces with state binding and automatic DOM updates without a virtual DOM. It functions as a buildless frontend framework, allowing the creation of reactive applications using standard JavaScript functions that run directly in the browser without a compilation step. The framework includes a reactive state manager that uses proxy-based objects to track dependencies and trigger targeted UI updates. It provides a server-side rendering tool for generating static HTML and a corresponding client-side hydration process to attac

Ce projet est un plugin de réactivité qui apporte la Composition API et la gestion d'état réactif de Vue 3 aux applications Vue 2. Il sert d'organisateur de logique de composant et de système pour encapsuler l'état réactif et les fonctions dans des utilitaires réutilisables. Le plugin permet d'utiliser des fonctions composables pour partager une logique avec état entre les composants sans dépendre des mixins. Il fournit une structure basée sur des variables et des fonctions simples pour faciliter l'inférence de type automatique et l'autocomplétion dans l'éditeur. De plus, il inclut un système d'injection de dépendances basé sur des fournisseurs pour partager des données et des fonctions à travers l'arborescence des composants. Le système couvre la gestion de l'état réactif, des propriétés calculées et des watchers, ainsi que la possibilité de se connecter aux cycles de vie des composants. Il permet l'intégration de bibliothèques tierces avec état dans le système de réactivité natif et prend en charge le préchargement des données côté serveur. Le projet est écrit en TypeScript.

Vuefire est une bibliothèque d'intégration Firebase pour Vue.js qui synchronise l'état backend et les données en temps réel avec des composants frontend réactifs. Elle fonctionne comme un client Backend-as-a-Service et un outil de synchronisation, faisant le pont entre les documents, collections et statuts d'authentification Firebase distants et l'état de l'application locale. La bibliothèque fournit des wrappers spécialisés pour gérer les flux de travail d'authentification des utilisateurs et la synchronisation de base de données en temps réel. Elle automatise le processus de liaison des sources de données distantes aux objets et tableaux réactifs, garantissant que l'interface utilisateur se met à jour instantanément à mesure que les données backend changent. Le projet couvre le développement frontend serverless via des liaisons réactives pour les documents et les collections. Il inclut également des utilitaires d'intégration pour les projets Nuxt afin d'automatiser l'initialisation des liaisons de base de données et des paramètres.

Arrow-js is a reactive UI framework and server-side rendering system designed for building agentic interfaces. It functions as a reactive state manager and isomorphic routing engine, enabling the creation of web applications that utilize tagged template literals for efficient DOM updates. The project distinguishes itself by incorporating a WebAssembly code sandbox, which allows untrusted or AI-generated code to execute within a secure virtual machine to render interfaces without accessing the host DOM. It further enables agentic UI development by allowing AI agents to dynamically generate vie

Ce projet est un modèle pour construire des tableaux de bord administratifs en utilisant le framework Vue 3 et TypeScript. Il fournit une architecture modulaire conçue pour aider les développeurs à organiser, surveiller et contrôler les paramètres d'applications complexes via un portail web centralisé. Le modèle se distingue par l'intégration d'une suite complète d'outils de développement, incluant un simulateur d'API backend intégré et un générateur de données fictives frontend. Ces fonctionnalités permettent de tester la logique de l'application et les flux utilisateur avant que les services de production ne soient entièrement intégrés. Il incorpore également une bibliothèque de composants réutilisables basée sur Element Plus pour accélérer la construction d'interfaces de gestion complexes. Le framework inclut un support fondamental pour l'internationalisation, permettant la traduction du texte de l'interface utilisateur dans plusieurs langues en fonction des paramètres régionaux. Il utilise une structure de composants modulaire et une gestion d'état réactive pour garantir que les portails administratifs restent organisés et maintenables à mesure qu'ils évoluent.

Ce projet est un outil d'échafaudage (scaffolding) front-end et un modèle de démarrage conçu pour accélérer la création d'applications web en utilisant Vue 3, TypeScript et Vite. Il fournit un environnement de développement préconfiguré qui intègre des outils de build essentiels et une gestion d'état pour rationaliser la configuration initiale d'interfaces utilisateur évolutives. Le framework se distingue en automatisant les tâches de développement courantes, incluant la résolution et l'importation automatiques des dépendances du projet pour réduire le code boilerplate. Il implémente également le routage basé sur les fichiers, qui génère des structures de navigation d'application directement à partir de la mise en page physique du répertoire, et utilise un stylage utilitaire atomique pour maintenir des modèles visuels cohérents via des jetons de conception prédéfinis. L'environnement inclut une prise en charge intégrée des processus de build modernes, tels que le bundling de modules ahead-of-time et la réconciliation du DOM virtuel, pour garantir un rendu efficace et des actifs statiques optimisés. Ces capacités sont intégrées dans une structure de projet unifiée qui simplifie la configuration et la maintenance pour les nouvelles applications front-end.