Giggles یه فریم‌ورک مبتنی بر Ink هست که ساخت اپ‌های ترمینالی با ری‌اکت رو خیلی راحت‌تر می‌کنه. مدیریت فوکوس، مسیریابی ورودی، ناوبری بین صفحات و تم‌بندی همه از قبل آماده‌ست و نیازی به نوشتن کدهای زیرساختی پیچیده نداری. یه کتابخونه کامل از کامپوننت‌ها مثل text input، autocomplete، virtual list و markdown renderer هم داره. علاوه بر اینا، می‌تونی کنترل ترمینال رو به برنامه‌های خارجی مثل vim یا less بدی و بعد از اتمام کارشون دوباره پسش بگیری.

۲۶ هفته پیشgithub.com

ری‌اکت کالر یه کتابخونه‌ی سبک و کاربردیه که یه مجموعه از کامپوننت‌های انتخاب رنگ رو برای اپ‌های ری‌اکتی فراهم می‌کنه. این کتابخونه شامل انواع مختلف ویجت‌های رنگ‌دهیه که هر کدوم رو می‌شه جداگانه نصب و استفاده کرد. از ویژگی‌های جالبش اینه که از تم تاریک هم به خوبی پشتیبانی می‌کنه. فرمت‌های مختلف رنگی مثل HEX، RGBA و HSLA هم توش پشتیبانی می‌شن.

۲۶ هفته پیشgithub.com

React Doctor یه ابزار متن‌باز هست که با یه دستور ساده کل پروژه ری‌اکتت رو اسکن می‌کنه و یه امتیاز ۰ تا ۱۰۰ بهت می‌ده. این ابزار بیش از ۶۰ قانون مختلف رو در حوزه‌های امنیت، پرفورمنس، معماری، باندل سایز و accessibility بررسی می‌کنه. علاوه بر لینت، کدهای مرده و فایل‌های استفاده‌نشده رو هم شناسایی می‌کنه. هم از طریق CLI، هم Node.js API و هم GitHub Actions قابل استفاده‌ست.

۲۶ هفته پیشgithub.com

bsky-comments یه وب کامپوننت سبک و بدون وابستگیه که بهت اجازه می‌ده تاپیک‌های بلوسکای رو مستقیم توی هر سایتی نشون بدی. حجمش فقط ۳ کیلوبایته و با هر فریمورکی مثل ری‌اکت، ویو، سولت یا حتی HTML خالص کار می‌کنه. برخلاف بقیه‌ی کتابخونه‌های مشابه، از Light DOM استفاده می‌کنه، یعنی می‌تونی راحت با CSS یا Tailwind استایلش بدی. کافیه لینک پست بلوسکای رو بدی، بقیه‌اش رو خودش مدیریت می‌کنه.

۲۷ هفته پیشgithub.com

hit-area یه مجموعه از کلاس‌های یوتیلیتی برای Tailwind CSS هست که کمک می‌کنه ناحیه کلیک‌پذیر المان‌های تعاملی رو بدون تغییر در لایوت گسترش بدی. این ابزار مشکل «مناطق مرده» (interaction dead zones) رو که باعث می‌شه کاربر نتونه راحت روی دکمه‌ها یا چک‌باکس‌های کوچیک کلیک کنه، به شکل عملی حل می‌کنه. نصبش از طریق رجیستری shadcn انجام می‌شه و کلاس‌هایی مثل hit-area-6 یا hit-area-x-4 رو در اختیارت می‌ذاره. سازنده‌اش می‌گه بیش از دو سال توی پروژه‌های خودش ازش استفاده می‌کرده و حالا به صورت عمومی منتشرش کرده.

۲۷ هفته پیشbazza.dev

Animata یه کتابخونه متن‌باز و رایگانه که بیش از ۱۵۸ کامپوننت انیمیشنی آماده برای ری‌اکت داره. نیازی به نصب پکیج خاصی نیست؛ کافیه فایل مورد نظر رو مستقیم توی پروژه‌ات کپی کنی. همه کامپوننت‌ها از اپ‌های واقعی در اومدن و مسائلی مثل دسترس‌پذیری هم توشون در نظر گرفته شده.

۲۷ هفته پیشanimata.design

Nano Stores یه کتابخانه‌ی فوق‌العاده سبک برای مدیریت استیته که با React، Vue، Svelte، Solid، Angular و حتی Vanilla JS کار می‌کنه. حجمش بین ۲۹۴ تا ۸۳۱ بایته و هیچ dependency خارجی نداره. ایده‌ی اصلیش اینه که منطق برنامه رو از کامپوننت‌ها بیاری بیرون و بذاری داخل store. با استفاده از atomic storeها و lazy loading، فقط کامپوننت‌هایی re-render می‌شن که واقعاً به داده تغییر کرده نیاز دارن.

۲۷ هفته پیشgithub.com

TSRX یه افزونه زبانی برای TypeScript‌ه که می‌خواد نوشتن کامپوننت‌های UI رو راحت‌تر و خواناتر کنه. برخلاف JSX، توی TSRX می‌شه کنترل فلو، استایل‌ها، و متغیرهای محلی رو مستقیماً کنار markup نوشت. این ابزار به React، Preact، Solid، Vue و Ripple کامپایل می‌شه و با کدبیس‌های موجود TypeScript سازگاره. یه مزیت مهمش اینه که هم برای توسعه‌دهنده‌های انسانی و هم برای مدل‌های زبانی (LLM) خوندن کد رو آسون‌تر می‌کنه.

۲۷ هفته پیشtsrx.dev

React Photo Album یه کامپوننت گالری عکس ریسپانسیو برای ری‌اکت ۱۸+ هست که سه نوع چیدمان Rows، Columns و Masonry رو پشتیبانی می‌کنه. این کتابخونه از الگوریتم‌های پویا برای چیدمان بهینه عکس‌ها استفاده می‌کنه تا نه کشیده بشن نه له. علاوه بر این، تصاویر ریسپانسیو با تغییر خودکار رزولوشن رو out of the box داره و با SSR هم کاملاً سازگاره. نصبش هم فقط یه دستور ساده‌ست و راه‌اندازی اولیه‌اش چند خط بیشتر نمی‌خواد.

۲۹۶۶ هفته پیشreact-photo-album.com