Awesome GitHub RepositoriesNested Routing

Vue هو إطار عمل JavaScript تقدمي قائم على المكونات مصمم لبناء واجهات مستخدم تفاعلية وتطبيقات الصفحة الواحدة. يركز على نظام قوالب تصريحي يحول HTML إلى وظائف عرض فعالة، مما يسمح للمطورين بتنظيم الواجهات المعقدة في وحدات معزولة وقابلة لإعادة الاستخدام تتزامن تلقائياً مع حالة التطبيق. يتميز إطار العمل بنظام تفاعلية لتتبع التبعيات يراقب الوصول إلى البيانات أثناء العرض لإطلاق تحديثات دقيقة. يوفر بنية مرنة تدعم كلاً من التبني التزايدي كمكتبة خفيفة الوزن وتطوير التطبيقات على نطاق واسع. يمكن للمطورين الاستفادة من نموذج قابلية توسيع قوي قائم على الإضافات لحقن المنطق العام، بينما يضمن توفيق DOM الافتراضي لإطار العمل تحديثات فعالة للواجهة من خلال حساب الحد الأدنى من الطفرات. بعيداً عن قدرات العرض الأساسية، يتضمن المشروع مجموعة شاملة من الأدوات لإدارة حالة التطبيق، والتوجيه القائم على URL، والعرض من جانب الخادم. يوفر دعماً واسعاً لتركيب المكونات، وتوزيع المحتوى، وإدارة الرسوم المتحركة، إلى جانب تدابير أمنية مدمجة مثل الهروب التلقائي للمحتوى لمنع الثغرات الشائعة. يتم توزيع إطار العمل مع إعلانات نوع رسمية لدعم التحليل الثابت ويمكن تثبيته عبر مديري الحزم القياسيين أو دمجه مباشرة في بيئات المتصفح عبر علامات البرنامج النصي.

React Router is a client-side routing library for React that maps browser URLs to specific user interface components. It functions as a declarative navigation framework used to manage application state and navigation paths within single-page applications. The library handles the extraction of dynamic URL parameters to render content based on the current browser path. It synchronizes application state with the browser URL, enabling the use of the back and forward buttons and allowing for bookmarking. The framework covers declarative UI navigation and browser history management. It employs URL

Preact is a lightweight declarative user interface library designed for building high-performance web applications. It utilizes a component-based architecture where interfaces are defined as functional or class-based units, relying on a virtual DOM to perform efficient state reconciliation and updates. By prioritizing a minimal footprint, the library enables developers to create modular, predictable, and testable user interfaces while maintaining compatibility with standard browser APIs. The library distinguishes itself through a reactive state engine that leverages signals to track dependenc

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

React-admin is a framework for building data-driven administrative interfaces that connect to REST or GraphQL backends. It provides a comprehensive suite of tools for managing the full lifecycle of administrative applications, including resource-oriented routing, declarative form scaffolding, and context-driven state management. By utilizing a modular adapter-based architecture, the framework abstracts backend communication, allowing developers to build consistent CRUD interfaces that handle data fetching, authentication, and synchronization automatically. The project distinguishes itself thr

Leptos is a full-stack Rust web framework designed for building reactive applications that share logic and types between the server and the browser. It provides a comprehensive toolkit for developing web interfaces where specific DOM nodes update automatically in response to changes in underlying reactive signals, rather than re-rendering entire component trees. The framework distinguishes itself through a fine-grained reactivity model that tracks dependencies at the individual data point level. It utilizes compile-time template transformation to convert declarative HTML-like syntax into opti

Vue.js Client-Side Router is a routing library that maps browser URLs to Vue.js components to enable the creation of single-page applications. It functions as a navigation engine that manages browser history and URL state to allow page transitions without full browser reloads. The system utilizes a nested route manager to render hierarchical views that match complex URL structures. It includes navigation guard middleware to intercept, validate, or redirect route transitions before components are rendered. A client-side history handler synchronizes application state with the browser URL using

Umi is a comprehensive React application framework and enterprise frontend toolchain. It provides a plugin-based build system and a configuration-driven routing engine to integrate routing, build tooling, and deployment within a single dependency. The project serves as a micro-frontend orchestrator, coordinating multiple independent frontend applications into a single interface with shared data flow. Its extensible architecture allows for the customization of every stage of the application development lifecycle through a system of plugins. The framework covers a broad range of enterprise cap

React is a JavaScript library for building user interfaces through the composition of modular, self-contained components. It employs a declarative programming model where developers describe the desired visual state, and the library automatically manages the underlying document updates and state synchronization. By utilizing a virtual representation of the document, it calculates and applies minimal changes to the browser, ensuring efficient rendering even in complex applications. The library distinguishes itself through a sophisticated scheduling system that manages rendering work in increme

هذا المشروع عبارة عن أساس مهيأ مسبقاً لتطبيقات الويب، يوفر كوداً مصدرياً مهيكلاً وأدوات بناء لبدء مشاريع واجهة أمامية جديدة. يعمل كقالب أساسي يدمج React لواجهة المستخدم، وRedux لإدارة الحالة، وReact-Router للتنقل. تتميز البنية باستخدام تعريفات المسارات المتداخلة للتعامل مع التنقل الهرمي ونظام لحقن المخفض (reducer) الديناميكي، مما يسمح بإضافة منطق إدارة الحالة إلى المتجر في وقت التشغيل عند تحميل وحدات محددة. تغطي مجموعة الأدوات مجموعة واسعة من قدرات الواجهة الأمامية، بما في ذلك التوجيه من جانب العميل، وتحسين الحزمة عبر تحميل المسار الكسول، وخط أنابيب بناء يدعم تجميع الأصول الثابتة. كما تتضمن مشغل اختبار وحدة مدمج للتحقق من منطق التطبيق والاستبدال الساخن للوحدات (hot module replacement) لسير عمل تطوير يعكس تغييرات الكود دون إعادة تحميل المتصفح بالكامل. يتم توفير أداة تهيئة المشروع لسقالات هيكل الدليل الأولي وإعدادات البيئة.

Wouter is a minimalist client-side routing library for React and Preact. It uses a hook-based system to map URL paths to components, managing navigation and URL state without requiring a mandatory provider. The library is designed for cross-ecosystem compatibility between React and Preact and supports server-side rendering by accepting initial paths and search strings during markup generation. It includes a URL parameter manager for extracting dynamic path segments and query strings from the browser address bar. Capabilities include hierarchical nested routing, programmatic navigation manage

Reach Router is a client-side routing library for React applications that maps URL patterns to components without full page reloads. It defines navigation rules and component rendering through declarative route configuration, using nested React component trees instead of separate configuration files. The library supports parent-child route hierarchies so shared UI elements persist across page transitions, and provides a declarative Navigate component that triggers URL changes and view updates when rendered. It extracts dynamic segments from URL patterns and passes them as props to matched rou

Waku is a minimal React framework built around React Server Components. It renders components exclusively on the server for data fetching and server-side logic, then hydrates client components in the browser for interactivity. The framework supports hybrid rendering, mixing static prerendering at build time with dynamic per-request rendering within a single application, and allows independently loading slice components that can be static or dynamic. The framework distinguishes itself through its file-based routing system that defines pages, layouts, and API endpoints by placing files in a dir

Solid Start is a full-stack web framework built on Solid.js that combines file-based routing, multi-mode rendering, and client hydration into a single application framework. It enables developers to build complete web applications with server-rendered pages, client-side interactivity, and API endpoints from one codebase, while supporting deployment across multiple hosting platforms through a system of platform-specific adapters. The framework distinguishes itself through its multi-mode rendering engine, which allows per-page selection between client-side rendering, server-side rendering, stat

Director is a routing library for JavaScript that handles URL and command-line pattern matching across client-side, server-side, and CLI environments. It provides a unified approach to defining routes as nested object literals, where each key maps to a URL segment and its handler, supporting both hash fragment monitoring and the HTML5 History API for browser navigation without page reloads. The library distinguishes itself through its ability to operate in multiple contexts with a single routing paradigm. It supports asynchronous handler queue execution for sequential tasks like authenticatio

This project is a client-side routing tutorial and learning resource for integrating routing into React web applications. It provides a series of incremental, runnable applications and guides to teach users how to map URLs to components and manage navigation state within a browser. The resource includes practical implementation guides for configuring nested routes, capturing dynamic URL parameters, and handling index routes. It also provides examples of server-side rendering to demonstrate how to generate HTML on the server to improve initial load speeds and search engine optimization. The t

koa2-note هو مشروع يركز على تطوير خوادم الويب باستخدام Koa2 والبرمجة غير المتزامنة في Node.js. يوفر إطار عمل لبناء خوادم الويب وواجهات برمجة التطبيقات (APIs) باستخدام خط معالجة (middleware) غير متزامن للتعامل مع دورات الطلب والاستجابة. يؤكد المشروع على بنية خلفية (backend) ذات طبقات تفصل بين التوجيه (routing)، وخدمات الأعمال، ونماذج البيانات. يتميز بدمج قواعد بيانات علائقية لحفظ جلسات المستخدم وبيانات التطبيق، إلى جانب عملية بناء تتضمن تجميع JSX إلى JavaScript لأصول الواجهة الأمامية. تغطي إمكانيات المشروع تصميم واجهات برمجة التطبيقات الخلفية، بما في ذلك التوجيه RESTful وتحليل بيانات الطلب، بالإضافة إلى العرض من جانب الخادم (SSR) باستخدام محركات القوالب. كما يتضمن دعماً لرفع الملفات غير المتزامن باستخدام تحليل التدفق متعدد الأجزاء، وإدارة الجلسات القائمة على ملفات تعريف الارتباط (cookies)، وتنفيذ JSONP للطلبات عبر النطاقات. يعمل المستودع كمورد تعليمي مع دروس منظمة وأمثلة لتعلم تنفيذ إطار عمل Koa وبنية الخادم.

koa-router هو وسيط توجيه (Middleware) لتطبيقات Koa يربط طلبات HTTP الواردة بدوال معالجة محددة بناءً على أنماط URL وطرق HTTP. يوفر الأساس لتنظيم نقاط نهاية الويب وتطوير واجهات برمجة تطبيقات REST من خلال ربط مسارات الطلبات بإجراءات وحدة التحكم المقابلة لها. يمكن المشروع من تنظيم نقاط النهاية المعقدة من خلال تداخل الموجهات المتكرر، مما يسمح بتركيب مثيلات موجه متعددة كوسيط لإنشاء تسلسلات هرمية منطقية للمسارات. ويدعم إنشاء URL ديناميكي عبر تعيين المسارات المسماة، مما يسمح بإنشاء سلاسل URL باستخدام معرفات بدلاً من المسارات المشفرة الثابتة. يتضمن الموجه قدرات لاستخراج والتحقق من معلمات URL المسماة، ومطابقة المسارات القائمة على التعبيرات النمطية (Regex)، وإدارة خطوط أنابيب الوسيط. كما يتعامل مع قيود الطرق، مثل الاستجابة لطلبات OPTIONS وإدارة عمليات إعادة التوجيه.

Vue.js Client-Side Router هي مكتبة توجيه لـ Vue.js تقوم بمزامنة عنوان URL للمتصفح مع حالة التطبيق لتمكين التنقل في تطبيقات الصفحة الواحدة (SPA). تعمل كمحول من URL إلى مكون، حيث تعرض مكونات محددة بناءً على مسار URL الحالي وأنماط المسار الديناميكية. يعمل المشروع كمدير لسجل المتصفح يتحكم في كيفية تعيين المسارات الداخلية لعنوان URL للمتصفح باستخدام استراتيجيات سجل مختلفة. كما يوفر إطار عمل لحماية التنقل لتنفيذ المنطق والتحكم في الوصول أثناء انتقالات المسار. تغطي المكتبة إدارة المسارات الديناميكية، ومعالجة URL برمجياً، وتحليل معلمات الاستعلام. وتدعم تعريف مسارات التطبيق من خلال مسارات ثابتة وديناميكية للتحكم في الحركة بين العروض المختلفة.

Conductor is a view-based framework for Android applications that provides a system for orchestrating UI components through lifecycle controllers, navigation routers, and UI coordination. It focuses on managing how views are loaded and unloaded to optimize memory and state. The framework features a routing system for managing screen transitions and history stacks, allowing for the creation of hierarchical layouts such as master-detail views by nesting navigation flows. It also includes an interface for implementing custom animations and visual effects during view switches. Its broader capabi