Awesome GitHub RepositoriesFunctional Components

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

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

Yew is a framework for building front-end web applications using Rust and WebAssembly. It provides a component-based architecture that allows developers to create modular, reusable user interface elements that manage their own state and logic. By compiling code into binary modules, the framework enables high-performance execution within modern browser environments. The framework distinguishes itself through a macro-based markup language that transforms declarative, HTML-like syntax into strongly-typed component structures during compilation. It features a robust server-side rendering engine t

This project is an ESLint plugin and static analysis tool designed to enforce best practices, prevent bugs, and maintain code quality in React projects. It functions as a specialized JSX linter that analyzes the syntax and structure of components to detect anti-patterns and API misuse. The plugin distinguishes itself by providing deep analysis of React-specific patterns, such as detecting state race conditions, preventing nested component definitions, and identifying unstable references that cause unnecessary re-renders. It also includes security hardening rules to identify vulnerabilities li

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