Post by Mohammad Ahrari

Frontend Developer | React (Next.js) & Angular

طراحی کامپوننت انعطاف پذیر بصورت Polymorphic Components فرض کنید داخل یک پروژه بزرگ یک کامپوننت Text دارید، ظاهر این المان ثابت است، اما نقش آن در تگ HTML تغییر می‌کند. یک‌جا هدینگ (H1 - H6) است، یک‌جا Paragraph است و یک‌جا هم مثلاً به Label نیاز دارید. میتونید برای هر ساختار تگ یه کامپوننت جدا بسازید، ولی پیشنهاد اینه که با استفاده از جنریک تایپ ها یه پلیمورفیک کامپوننت بسازید. اینجوری هر وقت تگ عوض بشه، تایپ اسکریپت خودش پراپرتی های همون تگ رو پیشنهاد میده این قابلیت در کتابخونه ها مختلف مثل MUI, Radix UI و ... به شکل و با نام پراپرتی مختلف پیاده سازی شده ترجیح میدید که برای هر تگ کامپوننت جداگونه بسازید یا با این روش پیش برید؟ #webdevelopment #frontend #programming #next #tailwindcss #react #cleancode #mui #radixui #dx

Post content