Can't Maintain؛ بازی تشخیص API تمیز کامپوننت
ریاکت
فرانتاندخلاصهٔ کاملتر
«Can't Maintain» یه تمرین تعاملیه که تمرکزش رو گذاشته روی یه مهارت که معمولاً کم بهش توجه میشه: طراحی خوبِ API یه کامپوننت. ایدهش سادهست — دو تا نسخه از یه کامپوننت رو کنار هم میذاره و ازت میپرسه کدوم بهتره.
مثالی که خودش میزنه همینه: یه اینترفیس با اسمهای مبهم data، active و click، در برابر نسخهای که همونها رو با اسمهای گویاتر user، isActive و onClick نوشته:
interface UserCardProps {
data: User;
active: boolean;
click: () => void;
}و نسخهٔ بهتر که خوندنش و نگهداریش راحتتره:
interface UserCardProps {
user: User;
isActive: boolean;
onClick: () => void;
}ساختار بازی هم اینه: ۱۰ چالش پشتسرهم، بدون ثبتنام و حدود سه دقیقه. تو هر چالش دو تیکه کد کنار هم میبینی و «بهتر» رو انتخاب میکنی. کنارش یه بخش Learn هم هست که پشت هر الگو رو توضیح میده — مثل اسمگذاری کالبکها، پراپهای بولی و اختصاصیبودن پراپها.
به گفتهٔ سازنده، الگوهایی که توش هست از دنیای واقعی گرفته شده: از خودِ React، از MUI و از کدبیسهای پروداکشن. هدفش هم اینه که این تشخیصها اونقدر برات عادی بشه که تو کار واقعی ناخودآگاه سراغ API تمیز بری.
«Can't Maintain» تنها نیست و بخشی از یه مجموعهٔ بزرگتر به اسم «Can't Hub» ـه که نسخههای مشابهی برای TypeScript، Git، تست، ریسپانسیو و چند موضوع دیگه داره. کل پروژه هم اپنسورس و جامعهمحوره و پذیرای چالشهای جدیده.
نکات کلیدی:
- بازی مرورگری برای تمرین طراحی تمیز API کامپوننت React
- ۱۰ چالش، بدون ثبتنام، حدود سه دقیقه
- تمرکز روی اسمگذاری کالبک، پراپهای بولی و اختصاصیبودن پراپها
- الگوها از React، MUI و کدبیسهای واقعی
- جزئی از مجموعهٔ اپنسورس «Can't Hub»
