13 dépôts
Patterns for setting up component state and reactive effects.
Distinguishing note: Focuses on the initialization phase of component reactive systems.
Explore 13 awesome GitHub repositories matching web development · State Initialization. Refine with filters or upvote what's useful.
React est une bibliothèque JavaScript pour créer des interfaces utilisateur basées sur une architecture orientée composants et un flux de données unidirectionnel.
Optimizes performance by computing initial state lazily during the first render cycle.
This project is an agentic framework designed to enable autonomous web navigation and browser automation. It functions as a controller that translates natural language instructions into deterministic browser actions, allowing agents to interact with websites, perform data extraction, and manage complex authentication flows. By leveraging accessibility trees and semantic element resolution, the framework mimics human-like navigation, moving beyond brittle DOM selectors to interact reliably with modern web interfaces. The framework distinguishes itself through its focus on secure, scalable exec
Stages browser state by setting cookies and initialization scripts before loading a URL.
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
Initializes component state and reactive side effects when a component first runs.
Draft-js is a framework for building customizable rich text editors within React applications. It serves as a state manager for document content and metadata, providing a system to handle text ranges, atomic blocks, and the conversion of HTML strings into structured document formats. The framework enables the creation of interactive editing interfaces that support custom inline styling and configurable block rendering. It includes tools for managing rich media document handling, allowing the integration of non-editable content and metadata into a text stream. The project covers a broad range
Provides mechanisms to initialize the editor's internal document state from a raw text string.
Kepler.gl is a web-based geospatial visualization framework designed for rendering large-scale location datasets. It functions as a modular React mapping component that enables developers to embed interactive, high-performance geographic visualizations into web applications, serving as a comprehensive engine for building browser-based GIS dashboards. The library distinguishes itself through a highly extensible architecture that centers on centralized state management. By utilizing a predictable state-driven model, it allows for the programmatic control of map layers, filters, and viewport set
Modifies the default starting state of the visualization engine with custom data structures.
React is a JavaScript library for building user interfaces through the composition of modular, self-contained components. It employs a declarative programming model where developers describe the desired visual state, and the library automatically manages the underlying document updates and state synchronization. By utilizing a virtual representation of the document, it calculates and applies minimal changes to the browser, ensuring efficient rendering even in complex applications. The library distinguishes itself through a sophisticated scheduling system that manages rendering work in increme
Defers initial state calculation to an initializer function to prevent expensive re-computations.
Elasticsearch Head is a web-based graphical interface for monitoring and administering Elasticsearch clusters. It serves as a cluster management UI, a topology visualizer for nodes and shards, and a REST API client for sending HTTP requests and analyzing JSON responses. The tool distinguishes itself by providing a visual map of cluster topology to monitor data distribution and health. It includes a local proxy to enable administration of remote clusters that are not directly accessible and supports the injection of basic authentication headers for secure request handling. The platform covers
Derives initial application settings and target node configurations from URL query strings.
re-frame est un framework fonctionnel pour construire des applications monopages (SPA) en ClojureScript. Il fournit une base de données centralisée et immuable qui sert de source unique de vérité pour l'état global de l'application, imposant un flux de données unidirectionnel strict où les événements déclenchent des transitions d'état et des mises à jour de vue. Le framework se distingue par un graphe de signaux réactifs et un pipeline de middleware basé sur des intercepteurs. En traitant la logique applicative comme une séquence d'événements pilotés par les données et d'effets de bord déclaratifs, il découple la logique métier de la couche de vue. Cette architecture permet aux développeurs de gérer des transitions d'état complexes et des opérations externes via des fonctions pures, garantissant que les effets de bord sont exécutés par un interpréteur séparé plutôt que par des appels impératifs. Le système inclut une suite complète de capacités pour gérer l'architecture applicative, notamment la dérivation de données réactives, la réconciliation de vue basée sur les abonnements et la gestion d'état pilotée par les événements. Il prend en charge des flux de développement avancés tels que le traçage d'événements, la mise en point d'état et la possibilité de simuler (stub) des effets de bord pour des tests isolés. Le projet est conçu pour une intégration avec React, utilisant la réconciliation du DOM virtuel pour mettre à jour efficacement les interfaces utilisateur. Il fournit un ensemble robuste d'utilitaires pour gérer les préoccupations transversales, les graphes de flux de données complexes et coordonner les opérations asynchrones au sein d'un pipeline d'événements séquentiel et prévisible.
Populates the global state database with default values or server responses to ensure the UI has necessary data.
Perfetto is a platform for system-level performance tracing and analysis on Linux and Android. It combines a high-throughput trace recorder, a SQL-based query engine, and a browser-based visualizer into a single toolchain. The platform covers CPU scheduling and call-stack profiling, native and Java heap memory allocation tracking, GPU and graphics events, and system-wide counters such as CPU frequency and power consumption. The architecture decouples trace recording from offline analysis, using a compact protobuf format for event encoding and columnar storage for efficient SQL queries. The we
Allows users to customize the initial viewport, selection, and queries when opening a trace via URL fragment parameters.
flutterrustbridge is a code generation tool that automatically creates type‑safe Dart bindings for Rust functions, enabling direct cross‑language calls between Flutter and a Rust backend. It provides an async FFI adapter that transforms synchronous Rust functions into Dart async methods with background thread management, a cross‑language object manager that wraps persistent Rust structs as Dart objects preserving state across calls, and trait object interop that converts Rust traits into Dart abstract classes for seamless bidirectional use. The project handles the full lifecycle of integrat
Runs a designated initialization function when the Rust-Dart bridge starts to set up global state or resources.
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.
Initializes reactive stores within components to manage complex local state and computed properties.
Mixitup is a dependency-free DOM element animation library and grid layout engine. It serves as a client-side content filter and data-driven UI controller designed to manage the smooth visual transition of HTML elements during insertion, removal, and sorting operations. The system specializes in creating interactive gallery interfaces and dynamic content filtering. It allows for the reorganization of elements using custom attributes or random sequences, while synchronizing the arrangement and visibility of interface elements with an underlying data model. Beyond filtering and sorting, the li
Applies static filtering and sorting rules to the system immediately upon loading.
AmplitudeJS est une bibliothèque et un framework JavaScript pour construire des lecteurs audio HTML5 personnalisés. Il sert de gestionnaire de playlist côté client et de contrôleur média qui fait le pont entre les éléments HTML et l'API Web Audio, permettant aux développeurs de créer des interfaces média de marque sans dépendre des styles par défaut du navigateur. Le projet se distingue par son utilisation du binding DOM basé sur des classes CSS et du mapping d'état via des attributs de données, qui lie les éléments HTML directement aux contrôles de lecture et aux métadonnées de piste. Il inclut un système de visualisation dédié qui utilise l'API Web Audio pour rendre des formes d'onde SVG en temps réel et des effets visuels spécifiques aux chansons basés sur les données de fréquence audio. La bibliothèque fournit des capacités complètes pour la gestion de bibliothèque média, incluant le séquençage de playlist, la logique de lecture aléatoire et répétée, et le peuplement des métadonnées. Elle gère les contrôles de lecture tels que la gestion du volume, l'ajustement de la vitesse de lecture et la recherche par timestamp, tout en offrant un système de callback piloté par les événements pour synchroniser les changements d'interface utilisateur avec des jalons de lecture spécifiques. Le framework prend en outre en charge le mapping d'entrées externes pour les raccourcis clavier et inclut une commutation d'événements sensible à l'appareil pour optimiser les interactions pour les écrans tactiles mobiles.
Deno Audio Engine defines the specific playlist and song index that loads and plays upon player initialization.