13 repositorios
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 es una biblioteca de JavaScript para crear interfaces de usuario basadas en una arquitectura orientada a componentes y un flujo de datos unidireccional.
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 es un framework funcional para construir aplicaciones de una sola página (SPA) en ClojureScript. Proporciona una base de datos centralizada e inmutable que sirve como única fuente de verdad para todo el estado de la aplicación, aplicando un flujo de datos unidireccional estricto donde los eventos activan transiciones de estado y actualizaciones de vista posteriores. El framework se distingue por un grafo de señales reactivas y un pipeline de middleware basado en interceptores. Al tratar la lógica de la aplicación como una secuencia de eventos basados en datos y efectos secundarios declarativos, desacopla la lógica de negocio de la capa de vista. Esta arquitectura permite a los desarrolladores gestionar transiciones de estado complejas y operaciones externas mediante funciones puras, asegurando que los efectos secundarios sean ejecutados por un intérprete separado en lugar de llamadas imperativas. El sistema incluye un conjunto completo de capacidades para gestionar la arquitectura de la aplicación, incluyendo la derivación de datos reactivos, la reconciliación de vistas basada en suscripciones y la gestión de estado impulsada por eventos. Admite flujos de trabajo de desarrollo avanzados como el rastreo de eventos, puntos de control de estado y la capacidad de crear stubs de efectos secundarios para pruebas aisladas. El proyecto está diseñado para integrarse con React, utilizando la reconciliación del DOM virtual para actualizar eficientemente las interfaces de usuario. Proporciona un conjunto robusto de utilidades para manejar preocupaciones transversales, gestionar grafos de flujo de datos complejos y coordinar operaciones asíncronas dentro de un pipeline de eventos secuencial y predecible.
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 es una librería que proporciona enlaces de estado para conectar componentes de React al estado observable de MobX. Funciona como un sincronizador de estado de componentes, asegurando que los elementos de la interfaz de usuario se vuelvan a renderizar automáticamente solo cuando cambian los datos observados específicos que consumen. El proyecto permite una arquitectura de estado desacoplada al mover la lógica de negocio y el estado del dominio a almacenes independientes, separando la gestión de datos del árbol de componentes de React. Facilita la distribución global del estado a través de jerarquías de componentes profundas utilizando proveedores y contexto para evitar el paso manual de props (prop drilling). La librería cubre una amplia gama de primitivas de gestión de estado, incluyendo colecciones observables, actualizaciones basadas en acciones y derivación de estado computado. Proporciona ayudantes de integración de UI tanto para componentes de clase como funcionales, junto con optimizaciones de rendimiento para la precisión del re-renderizado de componentes y la prevención de fugas de memoria durante el renderizado del lado del servidor. El proyecto está implementado en TypeScript.
Initializes reactive stores within components to manage complex local state and computed properties.
Mixitup es una librería de animación de elementos DOM sin dependencias y motor de layout de rejilla. Sirve como un controlador de UI basado en datos y filtro de contenido del lado del cliente diseñado para gestionar la transición visual suave de elementos HTML durante operaciones de inserción, eliminación y ordenamiento. El sistema se especializa en la creación de interfaces de galería interactivas y filtrado de contenido dinámico. Permite la reorganización de elementos utilizando atributos personalizados o secuencias aleatorias, mientras sincroniza la disposición y visibilidad de los elementos de la interfaz con un modelo de datos subyacente. Más allá del filtrado y ordenamiento, la librería cubre la gestión de elementos DOM, incluyendo la inserción y eliminación dinámica de objetivos. Proporciona capacidades para animar el redimensionamiento de contenedores, definir efectos de animación personalizados y utilizar escalonamientos no lineales para las apariciones de elementos.
Applies static filtering and sorting rules to the system immediately upon loading.
AmplitudeJS es una biblioteca y framework de JavaScript para construir reproductores de audio HTML5 personalizados. Sirve como un gestor de listas de reproducción del lado del cliente y controlador de medios que cierra la brecha entre los elementos HTML y la Web Audio API, permitiendo a los desarrolladores crear interfaces de medios con marca propia sin depender de los estilos predeterminados del navegador. El proyecto se distingue por su uso de enlace DOM basado en clases CSS y mapeo de estado de atributos de datos, que vincula los elementos HTML directamente a los controles de reproducción y metadatos de pistas. Incluye un sistema de visualización dedicado que utiliza la Web Audio API para renderizar formas de onda SVG en tiempo real y efectos visuales específicos de la canción basados en datos de frecuencia de audio. La biblioteca proporciona capacidades integrales para la gestión de bibliotecas de medios, incluyendo secuenciación de listas de reproducción, lógica de reproducción aleatoria y repetición, y población de metadatos. Maneja controles de reproducción como gestión de volumen, ajuste de velocidad de reproducción y búsqueda de marcas de tiempo, mientras ofrece un sistema de callback basado en eventos para sincronizar los cambios de la interfaz de usuario con hitos de reproducción específicos. El framework admite además el mapeo de entradas externas para atajos de teclado e incluye cambio de eventos consciente del dispositivo para optimizar las interacciones para pantallas táctiles móviles.
Deno Audio Engine defines the specific playlist and song index that loads and plays upon player initialization.