یکی از جذاب‌ترین الگوها تو معماری فرانت‌اند و توسعه کامپوننت‌های ری‌اکت، نوشتن کامپوننت‌های پلی‌مورفیک یا چندریختی هست که بهمون اجازه میده با پاس دادن یه پراپ ساده مثل as یا component، نوع تگ رندر شده رو به صورت داینامیک عوض کنیم. این دقیقا همون تکنیک قدرتمندیه که تو دیزاین سیستم‌های بزرگی مثل متریال دیزاین هم استفاده میشه تا مثلا بتونیم یه کامپوننت دکمه رو به راحتی تبدیل به یه تگ لینک کنیم و در عین حال تایپ‌اسکریپت هم به صورت هوشمند فقط پراپ‌های مجاز همون تگ جدید رو بهمون پیشنهاد بده.

function Test () {
  return(<>
    <Text as="p">Hello</Text>
    <Text as="a" href="https://www.google.com">Google</Text>
</>)
}

https://kittygiraudel.com/2026/06/19/typed-polymorphic-react-component

@codehalics | کدهالیک