15 repositorios
Inline logic for displaying interface blocks based on state conditions.
Distinguishing note: Focuses on the rendering flow control rather than general UI state.
Explore 15 awesome GitHub repositories matching user interface & experience · Conditional Rendering Logic. 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.
Uses ternary operators within markup to dynamically select between different interface expressions.
Dioxus is a cross-platform development framework designed for building native desktop, mobile, and web applications from a single codebase. It utilizes a declarative component model and macro-powered syntax to define reusable interface elements, which are then rendered as native widgets or web elements. At its core, the framework employs a signal-based reactivity system that tracks state dependencies to trigger granular updates, ensuring efficient interface performance without re-rendering the entire application tree. The framework distinguishes itself through a unified full-stack runtime tha
Displays conditional interface blocks directly within markup using inline logic.
Handlebars.js is a JavaScript templating engine used to generate HTML and other text formats by combining static templates with dynamic data. It functions as a logic-less template engine, separating presentation from business logic by restricting the complexity of expressions within templates. The project includes a precompiled template compiler that converts template strings into executable JavaScript functions. This mechanism reduces runtime overhead and improves rendering performance by shifting the compilation process to a build step. The engine provides a custom helper framework for ext
Allows the injection of external JavaScript functions into the rendering pipeline to handle custom logic and formatting.
Handlebars.js is a JavaScript templating engine and logic-less template library used to generate HTML or text by merging data objects with templates. It utilizes an abstract syntax tree parser to transform template strings into executable JavaScript functions. The system separates data from presentation by restricting complex logic to external helper functions rather than the template itself. It features a precompiled template compiler that converts templates into functions before deployment to increase execution speed and reduce startup latency. The engine covers a broad range of content ge
Provides a system for extending template logic via external JavaScript helper functions.
React Bits is a comprehensive collection of architectural patterns, design strategies, and coding standards for building maintainable user interfaces. It functions as a guide for structuring complex applications through modular component composition, declarative state management, and consistent data flow techniques. The project distinguishes itself by providing a library of established design patterns and optimization techniques that address common development challenges. It emphasizes the identification and resolution of suboptimal coding practices, offering reliable alternatives to improve
Implements inline rendering logic to control component visibility based on state conditions.
Recompose is a suite of toolsets for implementing higher-order component composition, context extraction, render optimization, and external state integration. It provides a library of utilities to wrap components in reusable logic and behavioral layers, allowing developers to chain functional wrappers and reduce nesting within a component tree. The project focuses on the composition of functional wrappers to inject properties and behavior into components. It includes a set of helpers for extracting values from component context and passing them as direct properties, as well as tools for integ
Implements logic to control component output based on test functions applied to properties.
Eureka is a framework for building structured data-entry interfaces and forms in Swift for iOS applications. It provides a declarative UI layout engine and a dynamic input interface to define fields, sections, and row layouts through a configuration layer. The system distinguishes itself through dynamic interface management, including conditional visibility and interaction control that reacts to real-time user changes. It supports complex input behaviors such as expandable row rendering, multivalued field management for inserting or deleting similar rows, and custom keyboard navigation that s
Implements logic for displaying or hiding form rows and sections based on the real-time state of other input fields.
This project is a comprehensive library of reusable React hooks designed to simplify browser API integration, state management, and component lifecycle tracking. It provides a declarative interface for managing complex browser interactions, allowing developers to encapsulate imperative logic into modular, composable functions that integrate directly with the component lifecycle. The library distinguishes itself by offering specialized utilities for asynchronous data orchestration, including built-in caching, retry logic, and loading state management. It also features advanced performance opti
Provides hooks to detect the initial component render cycle for conditional setup logic.
Kanboard es una herramienta de gestión de proyectos Kanban autohospedada y suite de productividad diseñada para el seguimiento de tareas de software y la colaboración en equipo. Proporciona un sistema visual para gestionar flujos de trabajo mediante el uso de tableros, columnas y tarjetas. El proyecto cuenta con un framework de plugins extensible y una API integral para la administración programática de tareas y proyectos. Incluye gestión de identidad especializada a través de la integración LDAP, lo que permite la sincronización de cuentas de usuario y permisos de grupo desde servidores de directorio. El sistema cubre una amplia gama de capacidades, incluyendo automatización de flujo de trabajo basada en eventos, análisis detallados de proyectos como gráficos de burn-down y medición del tiempo de ciclo, y control de acceso granular basado en roles. También admite seguimiento de tiempo integrado, descomposición de subtareas y autenticación de múltiples métodos, incluida la autenticación de dos factores y soporte de proxy inverso. La aplicación es compatible con MySQL y PostgreSQL para el almacenamiento de datos persistente y se puede desplegar utilizando Docker Compose.
Provides external functions injected into the rendering pipeline to handle custom formatting and logic across templates.
This project is a technical study resource and interview preparation guide focused on the React library. It provides a comprehensive frontend interview question bank and concept references designed to help developers master core library primitives and prepare for professional job interviews. The resource covers detailed explanations of React's technical architecture, including state management patterns, performance optimization strategies, and component design. It serves as a knowledge assessment tool for developers to test their understanding of modern frontend engineering through a structur
Explains using inline logic and ternary operators to control the rendering flow within component functions.
Ripple is a full-stack TypeScript web framework and reactive UI library used for building interfaces with server-side rendering. It organizes user interfaces into a hierarchy of reusable, scoped components with built-in state management and client-side hydration. The framework is distinguished by its fine-grained reactivity, which updates specific DOM elements without requiring full component re-renders. It integrates server-side logic and client-side components within a single TypeScript codebase, enabling a unified full-stack development workflow. The system covers a broad range of capabil
Provides inline logic blocks for displaying or hiding interface sections based on state conditions.
lightline.vim is a statusline plugin for the Vim text editor that provides a configurable status and tab line. It functions as a user interface enhancement to display system information and plugin data. The plugin allows for the visual styling of the bottom status bar independently from the main editor theme using a custom color palette. It integrates data from external tools and version control systems directly into the interface. The tool covers the configuration of both status and tab lines, including the definition of custom information fields. It supports the integration of dynamic data
Toggles the visibility of statusline components based on the current buffer mode or project state.
handcalcs es un generador de documentación matemática y renderizador de cálculos LaTeX para Python. Sirve como una herramienta de hoja de cálculo automatizada que convierte código Python y cálculos numéricos en documentación matemática LaTeX formateada, funcionando tanto como un formateador de matemáticas simbólicas como una extensión de matemáticas para Jupyter notebook. El proyecto transforma nombres de variables de Python en símbolos griegos, subíndices y notación matemática estándar. Convierte código en expresiones matemáticas formateadas que muestran la fórmula original, la sustitución numérica y el resultado final, permitiendo la creación de hojas de cálculo parametrizadas e informes legibles por humanos. La herramienta cubre un amplio rango de capacidades de renderizado, incluyendo subíndices de variables automáticos, integración de comentarios inline y diseños de parámetros de múltiples columnas. Soporta la generación de código LaTeX crudo, renderizado de documentos PDF e integración con librerías de matemáticas simbólicas para manejar expresiones algebraicas. El sistema se integra directamente en entornos de Jupyter notebook utilizando cell magics para mostrar ecuaciones formateadas en tiempo real.
Incorporates conditional statements into calculations to provide dynamic context for the rendered mathematical output.
Ink es un lenguaje de scripting narrativo interactivo, un compilador narrativo JSON y un motor de ejecución narrativo. Proporciona un conjunto de herramientas especializado para la autoría de historias no lineales y sistemas de diálogo ramificados complejos, permitiendo a los desarrolladores gestionar el estado del juego y entregar texto interactivo a una interfaz de usuario. El sistema transforma scripts crudos en un formato de bytecode JSON legible por máquina para optimizar la ejecución dentro de motores de juego externos. Se distingue por una gestión de estado avanzada, incluyendo la capacidad de serializar el progreso de la historia en instantáneas y mantener contextos de historia concurrentes para manejar múltiples hilos narrativos simultáneos. El framework cubre áreas de capacidad amplias, incluyendo flujo de control condicional, ejecución de funciones lógicas y seguimiento de estado complejo basado en conjuntos. Admite patrones de diseño narrativo como el anidamiento de opciones de diálogo, segmentos de historia reutilizables y el uso de etiquetas de metadatos para señalar acciones sistémicas a una aplicación anfitriona. El tiempo de ejecución permite la comunicación bidireccional con la lógica anfitriona a través de enlaces de funciones externas y gestión de estado mediante el patrón observador.
Displays text and choices by evaluating global variables and visit history against logical expressions.
Assemble is a static site generator and build pipeline system that compiles markdown, templates, and data into static HTML files. It functions as a markdown-to-HTML converter and a data format transformer capable of moving content between JSON, YAML, XML, PLIST, and CSV formats. The project features a pipeline-based build process where users can define ordered sequences of data transformations and file processing steps. It includes project scaffolding tools to bootstrap directory structures and configuration files from predefined boilerplates. The system manages content through collection-ba
Integrates custom helper functions or external library helpers directly into the rendering pipeline.