Awesome GitHub RepositoriesFunctional Frontend Development

ClojureScript is a Lisp-based compiler and runtime that translates Clojure source code into JavaScript. It enables functional programming across different JavaScript engines and platforms, allowing developers to build user interfaces and applications for web browsers and server environments. The project provides a read-eval-print loop for executing code live within a browser or server for immediate feedback. This facilitates an interactive development workflow where code can be written and tested in real time without restarting the application. The system covers a broad capability surface, i

ReScript is a statically typed programming language and compiler designed to transform type-safe source code into efficient, human-readable JavaScript. It functions as a transpiler that enforces data consistency and prevents runtime errors through static type analysis for both web and server applications. The project distinguishes itself as an incremental build system that analyzes dependency graphs to recompile only modified files and their dependents. It includes a JSX compatible compiler for building user interfaces and provides a framework for bridging type-safe code with existing JavaScr

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

re-frame هو إطار عمل وظيفي لبناء تطبيقات الصفحة الواحدة (SPA) باستخدام ClojureScript. يوفر قاعدة بيانات مركزية غير قابلة للتغيير تعمل كمصدر وحيد للحقيقة لحالة التطبيق بالكامل، مما يفرض تدفق بيانات أحادي الاتجاه صارم حيث تؤدي الأحداث إلى تغييرات في الحالة وتحديثات لاحقة للعرض. يتميز إطار العمل برسم بياني تفاعلي للإشارات وخط أنابيب (pipeline) وسيط يعتمد على المعترضات (interceptors). من خلال التعامل مع منطق التطبيق كسلسلة من الأحداث القائمة على البيانات والآثار الجانبية التصريحية، فإنه يفصل منطق الأعمال عن طبقة العرض. تسمح هذه البنية للمطورين بإدارة تغييرات الحالة المعقدة والعمليات الخارجية من خلال دوال نقية، مما يضمن تنفيذ الآثار الجانبية بواسطة مترجم منفصل بدلاً من الاستدعاءات الإلزامية. يتضمن النظام مجموعة شاملة من الإمكانيات لإدارة بنية التطبيق، بما في ذلك اشتقاق البيانات التفاعلي، ومطابقة العرض القائمة على الاشتراكات، وإدارة الحالة القائمة على الأحداث. يدعم سير عمل التطوير المتقدم مثل تتبع الأحداث، وحفظ نقاط فحص الحالة، والقدرة على محاكاة الآثار الجانبية للاختبار المعزول. تم تصميم المشروع للتكامل مع React، مستفيداً من مطابقة DOM الافتراضي لتحديث واجهات المستخدم بكفاءة. يوفر مجموعة قوية من الأدوات للتعامل مع الاهتمامات المتقاطعة، وإدارة رسوم بيانية معقدة لتدفق البيانات، وتنسيق العمليات غير المتزامنة ضمن خط أنابيب أحداث متسلسل وقابل للتنبؤ.

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