بیس یوآی: کامپوننتهای بیاستایل و دسترسپذیر برای ریاکت
فرانتاند
ریاکتخلاصهٔ کاملتر
بیس یوآی (Base UI) یه کتابخونهی جامع از کامپوننتهای بیاستایل (unstyled) برای ساختن رابطهای کاربری دسترسپذیر با ریاکته. نکتهای که خود تیم روش تأکید میکنه اینه که سازندههاش همون آدمهای پشت Radix، Floating UI و Material UI هستن؛ یعنی کسایی که سالها کتابخونهی کامپوننت ساختن و به قول خودشون «رو جزئیات حسابی عرق میریزن».
ایدهی اصلی اینه که کتابخونه هیچ نظری دربارهی ظاهر بهت تحمیل نمیکنه. پکیج هیچ CSSای همراه خودش نمیاره و هیچ راهحل استایلی رو اجباری نمیکنه؛ در عوض با Tailwind، CSS Modules، CSS-in-JS، CSS ساده و هر کتابخونهی استایل دیگهای کار میکنه. برای انیمیشن هم چه با کتابخونههایی مثل Motion و چه با ترنزیشن سادهی CSS مشکلی نداره. هدفش اینه که تیمها بتونن رابطهای خاص خودشون رو بسازن بدون اینکه دسترسپذیری و پایداری رو از دست بدن.
به گفتهی تیم، موقع طراحی کامپوننتها از الگوهای ARIA Authoring Practices پیروی میکنن و با استاندارد WCAG 2.2 سازگارن؛ حتی میگن معمولاً از این راهنماها هم فراتر میرن. کامپوننتها روی طیف گستردهای از مرورگرها، دستگاهها و محیطها تست میشن تا واقعاً دسترسپذیر باشن.
تیم وضعیت این کتابخونه رو نسبت به Radix هم توضیح میده: طراحی API عمداً نزدیک به Radix نگه داشته شده تا مهاجرت راحتتر باشه، ولی بیس یوآی کامپوننتهای پیچیدهتری مثل Combobox و Autocomplete و امکاناتی مثل input scrubbing، دیالوگهای تودرتو و باز شدن منو با hover هم داره. به گفتهی خودشون مهمترین فرقش اینه که یه تیم هفتنفرهی تماموقت داره فعالانه روش کار میکنه.
از نظر مجوز هم Base UI تحت لایسنس MIT منتشر شده و برای استفادهی تجاری آزاده. فعلاً فقط برای ریاکته و تیم میگه در آیندهی نزدیک تمرکزشون روی همین میمونه.
نکات کلیدی:
- کتابخونهی کامپوننت بیاستایل و دسترسپذیر برای ریاکت، از سازندههای Radix و Floating UI و Material UI.
- هیچ CSSای همراهش نیست و با Tailwind، CSS Modules، CSS-in-JS و CSS ساده کار میکنه.
- سازگار با الگوهای ARIA و استاندارد WCAG 2.2، با تست روی مرورگرها و دستگاههای مختلف.
- API نزدیک به Radix برای مهاجرت راحت، ولی با کامپوننتها و امکانات بیشتر و یه تیم تماموقت.
- لایسنس MIT و رایگان برای پروژههای تجاری.
