React Native 2026: بنية Bridgeless و JSI
React Native 2026: بنية Bridgeless و JSI
أتقن ثورة البنية الجديدة لـ React Native. في هذه الدورة، ننتقل من نظام Bridge القديم إلى عالم JSI (JavaScript Interface) عالي الأداء. تعلم كيفية بناء تطبيقات 'Near-Native' عبر التواصل المباشر مع لغات C++ و Rust. نركز في هذه الدورة على برمجة الأنظمة، و TurboModules، والنداءات المتزامنة (synchronous calls) لبناء الجيل القادم من تطبيقات الهاتف بسرعة وكفاءة غير مسبوقة.
الدروس
- التطور: لماذا انتهى عصر الـ Bridge؟
- فهم JSI (JavaScript Interface)
- إعداد بيئة العمل لعام 2026
- دور محرك Hermes في وضع Bridgeless
- أساسيات C++ لمطوري JavaScript
- أول موديول JSI لك: تحدي 'Hello C++'
- إدارة الذاكرة: Pointers مقابل References
- مقدمة في TurboModules
- عملية الـ Codegen
- Fabric: محرك الرندر الجديد لواجهة المستخدم
- إعداد CMake لـ JSI
- تعريف مواصفات TypeScript لـ Codegen
- تنفيذ TurboModule بلغة C++ (Android)
- تنفيذ TurboModule بلغة C++ (iOS)
- مشروع الأسبوع الأول: موديول رياضي متزامن
- أنواع بيانات JSI: النصوص والأرقام
- التعامل مع الكائنات والمصفوفات في JSI
- قوة الـ HostObjects
- وضع Bridgeless: تفعيله في عام 2026
- تصحيح أخطاء C++ في React Native
- مشروع الأسبوع الثاني: موديول تشفير عالي السرعة
- نموذج الخيوط (Threading Model) في البنية الجديدة
- النداءات المتزامنة: المميزات والعيوب
- مشاركة الذاكرة عبر ArrayBuffers
- مقدمة في لغة Rust في React Native
- ربط Rust بـ JSI عبر CXX
- مشروع الأسبوع الثالث: معالج صور مدعوم بـ Rust
- JSI المتقدم: معالجة الأخطاء في C++
- إدارة استدعاءات JS في C++
- دورة حياة البنية الجديدة
- Fabric: إنشاء واجهة (View) مخصصة في C++
- خصائص وأحداث Fabric
- مشروع الأسبوع الرابع: منزلق مخصص عالي الأداء
- طبقة التوافق: استخدام الوحدات القديمة
- تحليل الأداء باستخدام Flipper و Chrome
- مستقبل React Native (2027 وما بعده)