2023
Enter.UI
ReactTypeScriptComponent LibraryMaterial DesignOpen Source
Enter.UI یک کتابخانه کامپوننت React است که آن را بهصورت مشترک توسعه دادم، بر اساس اصول Material Design ساخته شده. کاملاً با TypeScript تایپگذاری شده و روی npm برای استفاده در هر پروژه React منتشر شده است.
انگیزه
کتابخانههای کامپوننت موجود یا بیش از حد نسبت به استایلدهی رأیگیری میکردند یا برای پروژههایی که فقط به یک پایه محکم و قابل دسترس نیاز داشتند، بیش از حد بزرگ بودند. Enter.UI برای سبک بودن، تایپگذاری خوب و قابلیت توسعه آسان طراحی شده.
ویژگیهای کلیدی
- پایه Material Design — زبان بصری منسجم بر اساس مشخصات Material Design گوگل
- پشتیبانی کامل TypeScript — هر کامپوننت با interfaceهای strict کاملاً تایپگذاری شده
- قابل دسترس بهصورت پیشفرض — ویژگیهای ARIA، navigation با کیبورد و مدیریت focus بهصورت داخلی
- پشتیبانی RTL — کامپوننتها در layoutهای چپبهراست و راستبهچپ بهدرستی کار میکنند
- Tree-shakeable — فقط آنچه استفاده میکنید را import کنید؛ اندازه bundle حداقل میماند
- تمدهی — design tokenهای قابل تنظیم برای رنگها، فاصلهگذاری و تایپوگرافی
کامپوننتها
کتابخانه شامل کنترلهای فرم، navigation، عناصر اولیه layout، کامپوننتهای feedback (هشدار، toast، مدال) و عناصر نمایش داده است — هر آنچه برای ساخت یک رابط کاربری کامل اپلیکیشن نیاز دارید.
فناوری
با React 18+، TypeScript و CSS Modules ساخته شده. بهصورت پکیج ESM/CJS روی npm با declarationهای type کامل منتشر شده.