Awesome GitHub RepositoriesConditional Rendering Logic

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.

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

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

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

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

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

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

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

Kanboard est un outil de gestion de projet Kanban auto-hébergé et une suite de productivité conçue pour le suivi des tâches logicielles et la collaboration d'équipe. Il fournit un système visuel pour gérer les flux de travail via l'utilisation de tableaux, de colonnes et de cartes. Le projet dispose d'un framework de plugin extensible et d'une API complète pour l'administration programmatique des tâches et des projets. Il inclut une gestion d'identité spécialisée via l'intégration LDAP, permettant la synchronisation des comptes utilisateurs et des permissions de groupe depuis les serveurs d'annuaire. Le système couvre un large éventail de capacités, y compris l'automatisation du flux de travail pilotée par les événements, des analyses de projet détaillées telles que les graphiques d'avancement et la mesure du temps de cycle, et un contrôle d'accès granulaire basé sur les rôles. Il prend également en charge le suivi du temps intégré, la décomposition des sous-tâches et l'authentification multi-méthodes, y compris l'authentification à deux facteurs et le support de proxy inverse. L'application est compatible avec MySQL et PostgreSQL pour le stockage de données persistant et peut être déployée en utilisant Docker Compose.

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

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

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

handcalcs est un générateur de documentation mathématique et un rendu de calcul LaTeX Python. Il sert d'outil de feuille de calcul automatisé qui convertit le code Python et les calculs numériques en documentation mathématique LaTeX formatée, fonctionnant à la fois comme un formateur de mathématiques symboliques et une extension mathématique pour Jupyter notebook. Le projet transforme les noms de variables Python en symboles grecs, indices et notation mathématique standard. Il convertit le code en expressions mathématiques formatées qui affichent la formule originale, la substitution numérique et le résultat final, permettant la création de feuilles de calcul paramétrées et de rapports lisibles par l'humain. L'outil couvre un large éventail de capacités de rendu, incluant les indices de variables automatiques, l'intégration de commentaires inline et les mises en page de paramètres multi-colonnes. Il prend en charge la génération de code LaTeX brut, le rendu de document PDF et l'intégration avec des bibliothèques de mathématiques symboliques pour gérer les expressions algébriques. Le système s'intègre directement dans les environnements Jupyter notebook en utilisant des magics de cellule pour afficher des équations formatées en temps réel.

Ink est un langage de script narratif interactif, un compilateur narratif JSON et un moteur d'exécution narratif. Il fournit une boîte à outils spécialisée pour la création d'histoires non linéaires et de systèmes de dialogue à embranchements complexes, permettant aux développeurs de gérer l'état du jeu et de fournir du texte interactif à une interface utilisateur. Le système transforme les scripts bruts en un format de bytecode JSON lisible par machine pour optimiser l'exécution au sein de moteurs de jeu externes. Il se distingue par une gestion d'état avancée, incluant la capacité de sérialiser la progression de l'histoire en instantanés et de maintenir des contextes d'histoire simultanés pour gérer plusieurs fils narratifs en même temps. Le framework couvre de larges domaines de capacités, notamment le contrôle de flux conditionnel, l'exécution de fonctions logiques et le suivi d'état complexe basé sur des ensembles. Il prend en charge des modèles de conception narrative tels que l'imbrication d'options de dialogue, les segments d'histoire réutilisables et l'utilisation de balises de métadonnées pour signaler des actions systémiques à une application hôte. Le runtime permet une communication bidirectionnelle avec la logique hôte via des liaisons de fonctions externes et une gestion d'état par modèle d'observateur.

Assemble est un générateur de site statique et un système de pipeline de construction qui compile le markdown, les modèles et les données en fichiers HTML statiques. Il fonctionne comme un convertisseur markdown-vers-HTML et un transformateur de format de données capable de déplacer du contenu entre les formats JSON, YAML, XML, PLIST et CSV. Le projet propose un processus de construction basé sur un pipeline où les utilisateurs peuvent définir des séquences ordonnées de transformations de données et d'étapes de traitement de fichiers. Il inclut des outils d'échafaudage de projet pour amorcer les structures de répertoires et les fichiers de configuration à partir de modèles prédéfinis. Le système gère le contenu par filtrage basé sur des collections et imbrication de mises en page hiérarchiques, permettant aux pages d'être organisées par tags et catégories. Il prend en charge des moteurs de modèles enfichables, des fonctions d'assistance personnalisables et l'injection de métadonnées YAML front-matter pour contrôler la logique de rendu. La boîte à outils fournit également des utilitaires pour compiler des feuilles de style LESS, gérer les permaliens du site et surveiller les fichiers pour détecter les changements afin de déclencher des tâches de construction automatisées.