ترکیب کامپوننت (Component)

بخشی از دوره ری‌اکت

کارتی با یک حاشیه و یک سایه ساخته‌اید و خوب هم از آب درآمده. حالا همان کارت را دور یک عکس لازم دارید، و دور یک فرم ورود، و دور فهرستی از نظرها. وسوسه‌ای که پیش می‌آید این است که کارت را سه بار کپی کنید، یا برای هر چیزی که شاید روزی داخلش بنشیند یک پراپ (prop) به آن بدهید: title، photoUrl، formFields، comments. هر دو راه به مؤلفه‌ای (component) می‌رسند که بعد از مدتی هیچ‌کس دلش نمی‌خواهد دستش را به آن بزند.

راه بیرون‌آمدن ترکیب است: ساختن چیزهای بزرگ از تودرتو گذاشتن چیزهای کوچک، به‌شکلی که هر تکه از تکه‌های دیگر بی‌خبر بماند. قاب عکس تصویر خوبی برای نگه‌داشتن این ایده است. قاب یک کار دارد، اینکه دور هرچه داخلش هست خط بکشد، و این کار را بدون اینکه بداند یا برایش مهم باشد که یک عکس است یا یک گواهی‌نامه یا نقاشی یک کودک انجام می‌دهد. مؤلفه خوب‌ساخته React یک قاب است.