انتقل إلى المحتوى
uiify

مقدمة

يوفّر uiify أربعة وأربعين مكوّن React يراعي إمكانية الوصول ويعمل قبل الإماهة، مع تقديم آليات المتصفح الأصلية واستخدام JavaScript حين تتطلبها إمكانية الوصول فقط.

لماذا قبل الإماهة

يترك SSR المتدفق فجوة بين أول رسم والإماهة؛ فجوة لكل حد Suspense متأخر. فيها يظهر مكوّن الأقسام القابلة للطي المبني على useState دون استجابة، بينما يعمل نظيره المبني على <details> بالفعل.

تسعة وعشرون من أصل أربعة وأربعين مكوّنًا ضمن Tier 0: لا تُرسل أي JavaScript إلى العميل، وتجتاز مجموعة اختبارات التفاعل كاملة مع تعطيل تنفيذ البرامج النصية. وتوثّق المكوّنات الأخرى كلفتها وسلوكها قبل الإماهة.

لمن تناسب المكتبة

تناسبك إذا أردت: العرض على الخادم، وصفحات تعمل قبل الإماهة، وتنسيقًا تضعه بنفسك. توفّر المكوّنات بنية HTML دلالية وعقد data-* موثّقًا، دون أنماط بصرية.

لا تناسبك إذا أردت: حزمة ذات مظهر جاهز، أو تطبيقًا يعمل على العميل وحده؛ حينها تلائمك أكثر مكتبة تعتمد على الإماهة من البداية.

كيف تُنظّم المكتبة

خمس طبقات — hooks وcore وelements وcomponents وstyles الاختيارية — تُنشر كل منها مستقلة، ولا تستورد أي طبقة أعلى منها. المكوّنات هي Server Components افتراضيًا؛ ويكشف مسار الاستيراد كل حد للعميل.

انظر البنية

ابدأ من هنا