مكونات خادم React Native Tailwindاكتب مرة واحدة، شغّل في كل مكان. استخدم أسماء فئات Tailwind CSS في React Native مع دعم كامل لـ Next.js App Router RSC وبث SSR. يتم تحويل أسماء الفئات وقت البناء على الأجهزة، وتبقى كما هي على الويب.

كل ما تحتاجه

عالمي

قاعدة كود واحدة تعمل على الخادم والمتصفح والأجهزة. مكونات غير متزامنة أصلية عبر محوّل. يتم فصل منطق امتدادات المتصفح فقط عند الحاجة.

RSC + بث SSR

مكونات خادم غير متزامنة مع Next.js App Router. بث HTML إلى المتصفح دون أي انتظار من جانب العميل.

التنقل

مسارات آمنة الأنواع باستخدام Link و useRoute. تعمل على الويب والأجهزة بواجهة برمجية موحدة.

التدويل

دعم تدويل من الدرجة الأولى مع دعم مساحات الأسماء. أضف لغات جديدة بإضافة ملفات JSON فقط.

Tailwind CSS

استخدم أسماء فئات Tailwind مباشرة في React Native. CVA والمحددات المتجاوبة وأنماط الوضع الداكن تعمل جميعها مباشرة دون إعداد إضافي.

السمات

نظام سمات مدمج مع دعم الوضع الداكن. بدّل السمات أثناء التشغيل دون إعادة تحميل الصفحة.

مكونات مدمجة

مجموعة غنية من مكونات الواجهة الجاهزة للاستخدام مبنية فوق العناصر الأساسية. تصميم متسق وإمكانية وصول ودعم الوضع الداكن مضمّنة.

ذاكرة تخزين مؤقت لـ Fetch و GraphQL

ذاكرة تخزين مؤقت مدمجة لاستعلامات Fetch و GraphQL مع ترطيب تلقائي من الخادم إلى العميل. دون إعداد إضافي - يتم جلب البيانات على الخادم وإعادة استخدامها بسلاسة على العميل.

أدوات المطور

إعداد ESLint مدمج بأفضل الممارسات الخاصة بالإطار. ابدأ مشاريع جديدة بقالب بداية سريعة يتبع جميع المعايير مباشرة.

لماذا rntwsc؟

استخراج الأنماط، لا حقنها

يقوم Expo Web و React Native Web بحقن الأنماط في DOM أثناء التشغيل. هذا يكسر بث RSC - فالخادم لا يملك DOM، وحقن الأنماط لاحقًا يسبب وميض محتوى غير منسّق وعدم تطابق في الترطيب.يحوّل rntwsc أسماء فئات Tailwind وقت البناء. دون حقن أثناء التشغيل، ودون تعارض، ومتوافق تمامًا مع بث SSR في Next.js App Router.

ترطيب SSR حقيقي

الجلب من جانب العميل يسبب طوابير انتظار ويلغي فوائد SSR. تمرير بيانات الخادم كخصائص ينهار مع المكونات التفاعلية من جانب العميل. تتطلب SWR و React Query تسلسلًا يدويًا ولا تتكامل مع بث RSC.تعمل خطافات Fetch و GraphQL المدمجة على الخادم، وتملأ ذاكرة تخزين مؤقت، وتسلسلها ضمن HTML المبثوث، وتُرطّب تلقائيًا على العميل. دون جلب مزدوج، ودون أي إعداد.

أقصى قدر من إعادة استخدام الكود

تفرض كل الأطر الأخرى كتابة ملفات منفصلة أو فحوصات منصة أثناء التشغيل لمشاركة المنطق بين الخادم والمتصفح والأجهزة.تقوم إضافة Babel بإزالة async/await وقت البناء على جانب العميل، محوّلة المكونات غير المتزامنة إلى مكونات متزامنة تقرأ من الذاكرة المؤقتة المُرطَّبة. ملف واحد يعمل بنفس الطريقة على الخادم والمتصفح والأجهزة.