awesome-repositories.com
Blog
awesome-repositories.com

Descubre los mejores repositorios open-source con nuestra búsqueda potenciada por IA.

ExplorarBúsquedas curadasAlternativas open-sourceSoftware autohospedableBlogMapa del sitio
ProyectoAcerca deCómo clasificamosPrensaServidor MCP
Aviso legalPrivacidadTérminos
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

15 repositorios

Awesome GitHub RepositoriesConditional Rendering Logic

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.

Awesome Conditional Rendering Logic GitHub Repositories

Encuentra los mejores repositorios con IA.Buscaremos los repositorios que mejor coincidan usando IA.
  • facebook/reactAvatar de facebook

    facebook/react

    245,669Ver en GitHub↗

    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.

    JavaScriptjavascriptuifrontend
    Ver en GitHub↗245,669
  • dioxuslabs/dioxusAvatar de DioxusLabs

    DioxusLabs/dioxus

    36,400Ver en GitHub↗

    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.

    Rustandroidcssdesktop
    Ver en GitHub↗36,400
  • wycats/handlebars.jsAvatar de wycats

    wycats/handlebars.js

    18,651Ver en GitHub↗

    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.

    JavaScript
    Ver en GitHub↗18,651
  • handlebars-lang/handlebars.jsAvatar de handlebars-lang

    handlebars-lang/handlebars.js

    18,640Ver en GitHub↗

    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.

    JavaScripthandlebarsmustachetemplates
    Ver en GitHub↗18,640
  • vasanthk/react-bitsAvatar de vasanthk

    vasanthk/react-bits

    17,414Ver en GitHub↗

    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.

    best-practicesdesign-patternsjavascript
    Ver en GitHub↗17,414
  • acdlite/recomposeAvatar de acdlite

    acdlite/recompose

    14,801Ver en GitHub↗

    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.

    JavaScript
    Ver en GitHub↗14,801
  • xmartlabs/eurekaAvatar de xmartlabs

    xmartlabs/Eureka

    11,820Ver en GitHub↗

    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.

    Swift
    Ver en GitHub↗11,820
  • uidotdev/usehooksAvatar de uidotdev

    uidotdev/usehooks

    11,394Ver en GitHub↗

    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.

    MDXastrobloghooks
    Ver en GitHub↗11,394
  • kanboard/kanboardAvatar de kanboard

    kanboard/kanboard

    9,663Ver en GitHub↗

    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.

    PHPagilekanbankanboard
    Ver en GitHub↗9,663
  • midudev/preguntas-entrevista-reactAvatar de midudev

    midudev/preguntas-entrevista-react

    7,785Ver en GitHub↗

    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.

    JavaScripthacktoberfestjavascriptreact
    Ver en GitHub↗7,785
  • ripple-ts/rippleAvatar de Ripple-TS

    Ripple-TS/ripple

    7,379Ver en GitHub↗

    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.

    JavaScript
    Ver en GitHub↗7,379
  • itchyny/lightline.vimAvatar de itchyny

    itchyny/lightline.vim

    6,862Ver en GitHub↗

    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.

    Vim Scriptlightlinestatuslinevim
    Ver en GitHub↗6,862
  • connorferster/handcalcsAvatar de connorferster

    connorferster/handcalcs

    5,805Ver en GitHub↗

    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.

    CSS
    Ver en GitHub↗5,805
  • inkle/inkAvatar de inkle

    inkle/ink

    4,817Ver en GitHub↗

    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.

    C#
    Ver en GitHub↗4,817
  • assemble/assembleAvatar de assemble

    assemble/assemble

    4,258Ver en GitHub↗

    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.

    CSSassembleblog-enginebuild
    Ver en GitHub↗4,258
  1. Home
  2. User Interface & Experience
  3. Conditional Rendering Logic

Explorar subetiquetas

  • Citation Rendering LogicLogic for conditionally rendering bibliographic elements based on document context or data presence. **Distinct from Conditional Rendering Logic:** Distinct from generic UI conditional rendering: focuses specifically on bibliographic and citation output flow control.
  • Mathematical Conditional RenderingLogic for conditionally displaying mathematical expressions or context based on calculation values. **Distinct from Conditional Rendering Logic:** Distinct from UI Conditional Rendering by focusing on the mathematical content of a document rather than interface components.
  • Template HelpersExternal functions injected into the rendering pipeline to handle custom formatting and logic. **Distinct from Conditional Rendering Logic:** Distinct from Conditional Rendering Logic: focuses on the extensibility mechanism for any custom logic, not just conditional display.