تركيب المكوّنات (Component Composition)

جزء من دورة React

بنيت بطاقة لها حدّ وظل، ومظهرها جيد. والآن تحتاج البطاقة نفسها حول صورة، وحول نموذج تسجيل دخول، وحول قائمة تعليقات. والحركة المغرية هي نسخ البطاقة ثلاث مرات، أو إعطاؤها خاصية لكل شيء قد تحتويه: title وphotoUrl وformFields وcomments. وكلا الطريقين ينتهي بمكوّن لا يريد أحد أن يلمسه.

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