Awesome GitHub RepositoriesConditional Rendering Logic

React هي مكتبة JavaScript لبناء واجهات المستخدم تعتمد على معمارية قائمة على المكونات وتدفق بيانات أحادي الاتجاه.

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 هي أداة إدارة مشاريع Kanban مستضافة ذاتياً ومجموعة إنتاجية مصممة لتتبع مهام البرمجيات وتعاون الفريق. توفر نظاماً مرئياً لإدارة سير العمل من خلال استخدام اللوحات والأعمدة والبطاقات. يتميز المشروع بإطار عمل مكونات إضافية قابل للتوسيع وواجهة برمجة تطبيقات شاملة لإدارة المهام والمشاريع برمجياً. يتضمن إدارة هوية متخصصة من خلال تكامل LDAP، مما يسمح بمزامنة حسابات المستخدمين وأذونات المجموعات من خوادم الدليل. يغطي النظام مجموعة واسعة من القدرات، بما في ذلك أتمتة سير العمل القائمة على الأحداث، وتحليلات المشروع التفصيلية مثل مخططات burn-down وقياس وقت الدورة، والتحكم الدقيق في الوصول القائم على الأدوار. كما يدعم تتبع الوقت المتكامل، وتفكيك المهام الفرعية، والمصادقة متعددة الطرق بما في ذلك المصادقة الثنائية ودعم الوكيل العكسي. التطبيق متوافق مع MySQL وPostgreSQL لتخزين البيانات المستمر ويمكن نشره باستخدام 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 هو مولد وثائق رياضية ومُصيّر حسابات Python LaTeX. يعمل كأداة ورقة حساب مؤتمتة تحول كود Python والحسابات الرقمية إلى وثائق رياضية منسقة بـ LaTeX، ويعمل كمُنسق رياضيات رمزي وامتداد رياضيات لدفتر Jupyter. يحول المشروع أسماء متغيرات Python إلى رموز يونانية، ورموز سفلية، وتدوين رياضي قياسي. ويحول الكود إلى تعبيرات رياضية منسقة تعرض الصيغة الأصلية، والتعويض الرقمي، والنتيجة النهائية، مما يسمح بإنشاء أوراق حساب ذات معلمات وتقارير قابلة للقراءة البشرية. تغطي الأداة مجموعة واسعة من إمكانات العرض، بما في ذلك الرموز السفلية للمتغيرات التلقائية، وتكامل التعليقات المضمنة، وتخطيطات المعلمات متعددة الأعمدة. وتدعم إنشاء كود LaTeX خام، وعرض مستندات PDF، والتكامل مع مكتبات الرياضيات الرمزية للتعامل مع التعبيرات الجبرية. يتكامل النظام مباشرة في بيئات دفتر Jupyter باستخدام سحر الخلية لعرض المعادلات المنسقة في الوقت الفعلي.

Ink هي لغة برمجة نصية سردية تفاعلية، ومترجم سردي لـ JSON، ووقت تشغيل لمحرك سردي. توفر مجموعة أدوات متخصصة لتأليف القصص غير الخطية وأنظمة الحوار المتفرعة المعقدة، مما يسمح للمطورين بإدارة حالة اللعبة وتقديم نصوص تفاعلية لواجهة المستخدم. يحول النظام النصوص الخام إلى تنسيق بايت كود JSON قابل للقراءة آلياً لتحسين التنفيذ داخل محركات الألعاب الخارجية. ويتميز بإدارة متقدمة للحالة، بما في ذلك القدرة على تسلسل تقدم القصة في لقطات والحفاظ على سياقات قصة متزامنة للتعامل مع خيوط سردية متعددة في وقت واحد. يغطي إطار العمل مجالات قدرات واسعة بما في ذلك تدفق التحكم الشرطي، وتنفيذ دوال المنطق، وتتبع الحالة المعقد القائم على المجموعات. ويدعم أنماط التصميم السردي مثل تداخل خيارات الحوار، وقطاعات القصة القابلة لإعادة الاستخدام، واستخدام علامات البيانات الوصفية للإشارة إلى الإجراءات النظامية لتطبيق مضيف. يسمح وقت التشغيل بالاتصال ثنائي الاتجاه مع منطق المضيف من خلال روابط الدوال الخارجية وإدارة الحالة بنمط المراقب (Observer).

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