7 repositorios
Patterns for accessing form state in deeply nested UI trees without prop drilling.
Distinguishing note: Focuses on the integration of nested components into the form lifecycle.
Explore 7 awesome GitHub repositories matching web development · Nested Component Integrations. Refine with filters or upvote what's useful.
React Hook Form is a state management library designed to handle form registration, validation, and submission lifecycle events. By decoupling form control logic from the standard component lifecycle, it enables the creation of performant forms that minimize unnecessary re-renders. The library integrates with external schema validation tools to enforce data integrity and provides a declarative framework for managing complex form structures. The project distinguishes itself through a subscription-based architecture that tracks property access to ensure components only update when the specific
Accesses and updates form state from deeply nested UI components without manual prop drilling.
form-create is a JSON-driven form generator and low-code form builder that renders dynamic web forms and validation logic from configuration files. It functions as a data-driven form orchestrator for managing field dependencies and hierarchical data structures within complex layouts. The system includes a visual drag-and-drop interface for designing data entry layouts and automatically generating their corresponding configuration structures. It provides a dynamic UI component library of adaptable form fields and layout containers designed for cross-framework integration and mobile responsiven
Supports hierarchical data collection by treating nested configuration arrays as child form instances.
Phoenix LiveView is an Elixir-based framework that renders HTML on the server and sends only the changed parts to the client over a persistent WebSocket connection. It operates on a process-per-connection model, where each user session runs in its own isolated Elixir process for fault tolerance and independent state management, and includes a LongPolling fallback transport for environments where WebSocket connections are unavailable. The framework provides server-side rendered diffs and WebSocket-based state synchronization to maintain a continuous bidirectional channel between server and cli
Renders form fields for associated data models, automatically managing hidden identifiers for nested records.
json-editor es un generador de UI basado en esquemas y editor basado en web que crea automáticamente formularios HTML interactivos a partir de definiciones de JSON Schema. Funciona como una herramienta para recolectar, modificar y validar datos estructurados mapeando especificaciones de esquema a componentes de entrada correspondientes. El proyecto se distingue por una arquitectura de entrada plug-in y mapeo de componentes basado en resolvedores, que permiten la inyección de editores de terceros e interfaces de entrada personalizadas para tipos de datos especializados como markdown, colores y código con resaltado de sintaxis. También soporta la resolución de esquemas externos vía URLs y enlaces de hyper-schema para integrar modelos de datos remotos y documentos relacionados. El sistema cubre una gestión integral del diseño de formularios, incluyendo arreglos de cuadrícula y configuraciones de arrays, junto con lógica condicional para campos dependientes y población dinámica de enums. Proporciona un motor de validación que aplica tanto restricciones de esquema estandarizadas como reglas de negocio personalizadas, mientras soporta la localización de cadenas de UI e integración con frameworks CSS externos.
Builds hierarchical form structures by recursively traversing nested objects and arrays within a schema.
Formtastic es un constructor de formularios para Ruby on Rails que proporciona un lenguaje específico de dominio para generar formularios HTML semánticamente ricos y accesibles. Funciona como un framework basado en modelos que mapea automáticamente los atributos y asociaciones del esquema de base de datos a los campos de entrada correspondientes, agilizando la creación de interfaces de entrada de datos. El framework se distingue a través de un sistema de búsqueda jerárquica que gestiona etiquetas, sugerencias y botones de acción internacionalizados en diferentes espacios de nombres de modelos y atributos. También soporta relaciones de datos complejas procesando recursivamente recursos anidados, permitiendo a los desarrolladores capturar y guardar múltiples registros relacionados dentro de una sola estructura de formulario. Más allá de la generación de entrada estándar, la librería ofrece amplias opciones de configuración para personalizar atributos HTML, clases CSS y estructuras envolventes. Se integra directamente con la validación a nivel de modelo para renderizar comentarios de error dentro del diseño del formulario y proporciona una arquitectura extensible para crear componentes de entrada personalizados para cumplir con requisitos de interfaz especializados.
Traverses object associations to automatically generate and scope form fields for complex hierarchical data structures.
This project is a schema-based form generator for Vue.js that constructs interactive user interfaces by parsing structured data configurations. It automates the creation of form layouts, data binding, and field rendering, eliminating the need for manual template creation for individual forms. The system distinguishes itself through a registry-based architecture that allows for the integration of custom input components. By mapping specialized field types to the generation engine, developers can extend the library to handle unique data types or complex interface requirements that fall outside
Recursively instantiates form components to render complex, nested data structures.
Backbone Forms is a schema-driven library designed to automate the generation and validation of HTML forms within the BackboneJS ecosystem. It functions as a framework for building data entry interfaces that bind directly to application models, ensuring data integrity through a combination of schema-level rules and model-level constraints. The library distinguishes itself through a modular architecture that supports the creation of custom input editors and the use of pluggable HTML templates. This allows for the management of complex, hierarchical data structures, including nested objects and
Supports the recursive instantiation of form components to handle deeply nested data structures.