التحدي: مكتبة مكونات سهلة الوصول وقابلة للتخصيص
قم ببناء "شريحة مكتبة مكونات" صغيرة يمكن الوصول إليها افتراضيًا، وقابلة للتخصيص عبر رموز التصميم، ومدركة للغة عبر رسائل i18n، ومرنة عبر API قائمة منسدلة منسدلة بدون واجهة رسومية.
سنغطي ما يلي...
بيان المشكلة
غالبًا ما تُصدر الفرق مكونات واجهة مستخدم تبدو صحيحة على شاشة واحدة، لكنها تفشل عند تغيير المتطلبات: تغيير المظهر، أو اللغة، أو تصميم الكتابة من اليمين إلى اليسار، أو اختلاف التصميم المرئي. المشكلة الأساسية عادةً ما تكون واحدة: ترابط المنطق، والدلالات، والعرض، والمحتوى. مهمتنا هي تصميم واجهة مكتبة صغيرة تظل مستقرة عند التغيير من خلال فصل المسؤوليات.
تُعتبر دلالات إمكانية الوصول وسلوك التركيز ملكًا لمنطق المكون.
التصميم مملوك لرموز التصميم ومزود القوالب.
النص مملوك لرسائل i18n مع الاستيفاء والجمع.
يتم التحكم في العرض من خلال استخدام الترميز المستهلك، باستخدام واجهات برمجة التطبيقات غير الرأسية.
معايير النجاح
بنهاية الدرس، سنكون قادرين على: