Tool UI یه مجموعه کامپوننت ریاکت کپی/پیستیه که برای نمایش فراخوانی ابزارها (tool calls) در رابطهای چت هوش مصنوعی طراحی شده. بیشتر اپها وقتی مدل یه ابزار فراخوانی میکنه، JSON خام رو توی مکالمه نشون میدن؛ Tool UI این پیلودها رو به UIهای تعاملی مثل فرم، جدول، نمودار، و کارت تأیید تبدیل میکنه. این پروژه از مدل shadcn/ui پیروی میکنه، یعنی کامپوننتها مستقیم داخل کدبیس شما زندگی میکنن و هیچ وابستگی اضافهای نداره. هر کامپوننت یه اسکیما Zod داره و روی shadcn/ui و Tailwind ساخته شده.
React Universe Summit یه رویداد تخصصی برای مهندسان و معماران React Nativeه که ۲۳ ژوئن ۲۰۲۶ در نیویورک برگزار میشه. محور اصلی این کنفرانس، تقاطع هوش مصنوعی با اکوسیستم React Nativeه؛ از توسعه با کمک AI گرفته تا CI هوشمند، تست خودکار، و استراتژی OTA. بلندپایههایی از JPMorgan Chase، DirecTV، Amazon، و React Foundation در این رویداد سخنرانی میکنن. برنامهی کنفرانس روی تصمیمگیریهای واقعی مهندسین ارشد تمرکز داره و sessionها بر اساس دادههای production طراحی شدن.
TanStack Form یه کتابخونهی جدید برای مدیریت فرمهاست که مثل بقیهی ابزارهای TanStack، روی تایپینگ قوی و پرفورمنس تمرکز داره. با یه هوک ساده فرمت رو تعریف میکنی، ولیدیشن رو در مراحل مختلف (مثل submit یا blur) تنظیم میکنی، و چون هدلس طراحی شده، خودت میتونی هر UI دلخواهی رندر کنی. آرایهها، مقادیر وابسته به هم، و state های کامل فیلد مثل isTouched و isDirty هم به خوبی پشتیبانی میشن.
تیم Remix نسخه بتای Remix 3 رو منتشر کرد؛ یه قدم بزرگ از یه فریمورک «مرکزی-استک» به یه راهحل واقعاً فولاستک. این نسخه دیگه فقط روتینگ و رندرینگ نیست، بلکه همه چیز از سشن و احراز هویت گرفته تا آپلود فایل، کامپوننتهای UI، تمبندی، تست و مدیریت داده زیر یه سقف جمع شده. Remix 3 بر پایه Fetch API ساخته شده و ایده اصلیش اینه که بدون کلی وابستگی پراکنده بتونی مستقیم بری سراغ ساختن اپ. این نسخه هنوز پروداکشنردی نیست ولی برای آزمایش و فیدبک آمادست.
react-hotkeys-hook یه کتابخونه سبک و سادهست که بهت اجازه میده میانبرهای کیبورد رو توی ریاکت فقط با یه hook تعریف کنی. نه نیاز به Provider داری، نه Context پیچیده — فقط import میکنی و استفاده میکنی. از ترکیبهای modifier تا دنبالههای vim-style و حتی ضبط میانبر توسط کاربر رو پشتیبانی میکنه.
ریاکت از نسخه ۱۸ به بعد یه قابلیت جالب داره: استریمینگ خارج از ترتیب. یعنی به جای اینکه صبر کنیم همه دیتاها لود بشن، کامپوننتهایی که دادهشون آمادهست همون لحظه به کاربر نشون داده میشن. این کار با استفاده از Suspense و Server Components انجام میشه و ریاکت پشت صحنه از یه سری تابع و تکنیک DOM خاص استفاده میکنه. در این مقاله نگاه میکنیم که ریاکت دقیقاً چطور این سوآپ جادویی رو انجام میده.
Boneyard یه کتابخونهست که صفحات اسکلت لودینگ رو مستقیم از UI واقعی پروژهات استخراج میکنه. دیگه نیازی به اندازهگیری دستی یا پلیسهولدرهای دستی نیست. با ریاکت، ویو، Svelte، انگولار، Preact و حتی React Native کار میکنه. یه CLI یا پلاگین Vite بهصورت خودکار layout رو اسکن میکنه و فایلهای bones رو میسازه. نتیجه: اسکلتهای pixel-perfect بدون هیچ تنظیم اضافهای.
فرمیش یه کتابخانه headless و schema-based برای مدیریت فرمهاست که با فریمورکهای محبوب جاوااسکریپت مثل React، Vue، SolidJS، Svelte، Qwik و Preact کار میکنه. اعتبارسنجی مبتنی بر Valibot داره، تایپسیف کامله و سایز باندلش از ۲.۵ کیلوبایت شروع میشه. آپدیتهای DOM به صورت دقیق و fine-grained انجام میشن که سرعت رو بالا میبره. هسته اصلیش framework-agnostic ِه و بلوکهای reactivity مخصوص هر فریمورک رو در زمان بیلد تزریق میکنه.
React Server Components یا RSC یکی از بحثبرانگیزترین ویژگیهای اخیر ریاکت بوده که خیلیها فکر میکنن صرفاً یه مکانیزم سریالایزیشن دادهست. Daishi Kato در این مقاله نگاه دقیقتری به RSC انداخته و نشون میده که این تفسیر سادهانگارانهست. RSC یه مدل ترکیبی کاملتره که مرز بین سرور و کلاینت رو در رندرینگ کامپوننتها بازتعریف میکنه. فهمیدن درست RSC به توسعهدهندهها کمک میکنه تصمیمهای بهتری در معماری اپهای ریاکتی بگیرن.
پاستل یه فریمورک جالبه که با الهام از Next.js، ساخت ابزارهای خط فرمان (CLI) رو با ریاکت و Ink ممکن میکنه. کافیه فایلها رو توی پوشه commands بذاری تا دستوراتت تعریف بشن، بدون پیچیدگی اضافه. تعریف گزینهها و آرگومانها هم با Zod انجام میشه و type-safety کامل داری. در نهایت پیام help هم بهصورت خودکار تولید میشه.
React Email 6.0 منتشر شد و مهمترین ویژگیاش یه ویرایشگر بصری متنباز و قابل جاسازی توی اپلیکیشنهای مختلفه. این نسخه یه معماری توسعهپذیر داره که بهت اجازه میده بلوکهای سفارشی خودت رو بسازی. علاوه بر این، همه کامپوننتها حالا توی یه پکیج واحد جمع شدن و دیگه نیازی به نصب چند پکیج جداگانه نیست. این پروژه در ۵ ماه گذشته رشد ۱۰۸ درصدی داشته و الان ۲ میلیون دانلود هفتگی روی npm داره.
React Arborist یه کتابخانهی قدرتمنده که بهت اجازه میده نماهای درختی حرفهای مثل sidebar ویژوال استودیو کد، Mac Finder یا پنل Layers فیگما رو توی پروژههای ریاکتت بسازی. این کتابخانه امکاناتی مثل درگانددراپ، تغییر نام inline، رندرینگ مجازیسازیشده، فیلتر کردن و ناوبری با کیبورد رو داره. میتونی هم به شکل controlled و هم uncontrolled ازش استفاده کنی و ظاهرشو کاملاً شخصیسازی کنی.
React Internals Explorer یه ابزار آنلاینه که بهت اجازه میده درون ریاکت رو به شکل بصری و گامبهگام زیر ذرهبین بذاری. با این ابزار میتونی Fiber tree رو در حین اجرای کدت مشاهده کنی و بفهمی ریاکت پشت پرده چطور کار میکنه. این پروژه توسط JSer ساخته شده و هر دو نسخه ریاکت ۱۸ و ۱۹ رو پشتیبانی میکنه. برای کسایی که میخوان عمیقتر از سطح APIها به ریاکت نگاه کنن، یه منبع یادگیری فوقالعادهست.
Tambo یه ابزار اوپنسورسه که بهت اجازه میده بدون نیاز به فریمورکهای سنگین، ایجنت هوش مصنوعی رو مستقیم توی اپ ریاکتت جا بدی. به جای اینکه AI فقط متن برگردونه، از کامپوننتهای خودت رندر میکنه — با همون استایل و لاجیکی که داری. استریمینگ، مدیریت state، احراز هویت و پشتیبانی از MCP همه از قبل حل شده. پلن رایگانش با ۱۰ هزار پیام در ماه شروع میشه.
docx-js-editor یه کامپوننت متنباز ریکته که بهت اجازه میده فایلهای Word رو مستقیماً توی مرورگر ویرایش کنی — بدون نیاز به هیچ سرور یا پلاگینی. از قابلیتهایی مثل ویرایش همزمان چندنفره با Yjs، تغییرات ردیابیشده، و کامنتهای رشتهای پشتیبانی میکنه. همچنین یه API مجزا برای ایجنتهای هوش مصنوعی داره که میتونه خروجی LLMها رو مستقیم روی فایل docx اعمال کنه. این ابزار تحت لایسنس MIT منتشر شده و رایگانه.
Flowglad یه SDK فولاستک برای مدیریت پرداخت و بیلینگه که میخواد تجربه توسعهدهندهها رو توی این حوزه زیر و رو کنه. برخلاف روشهای سنتی، دیگه نیازی به وبهوک، جدول subscriptions، یا مپ کردن دستی پلنها به قیمتها نداری. با همون یوزر آیدی که توی اپت داری میتونی بیلینگ رو مدیریت کنی و وضعیت اشتراک کاربر رو هم توی فرانت با یه هوک ساده بخونی، هم توی بکاند. هدف اصلیش اینه که پرداخت آنلاین رو برای توسعهدهندهها به اندازه auth ساده و مدرن کنه.
Giggles یه فریمورک مبتنی بر Ink هست که ساخت اپهای ترمینالی با ریاکت رو خیلی راحتتر میکنه. مدیریت فوکوس، مسیریابی ورودی، ناوبری بین صفحات و تمبندی همه از قبل آمادهست و نیازی به نوشتن کدهای زیرساختی پیچیده نداری. یه کتابخونه کامل از کامپوننتها مثل text input، autocomplete، virtual list و markdown renderer هم داره. علاوه بر اینا، میتونی کنترل ترمینال رو به برنامههای خارجی مثل vim یا less بدی و بعد از اتمام کارشون دوباره پسش بگیری.
ریاکت کالر یه کتابخونهی سبک و کاربردیه که یه مجموعه از کامپوننتهای انتخاب رنگ رو برای اپهای ریاکتی فراهم میکنه. این کتابخونه شامل انواع مختلف ویجتهای رنگدهیه که هر کدوم رو میشه جداگانه نصب و استفاده کرد. از ویژگیهای جالبش اینه که از تم تاریک هم به خوبی پشتیبانی میکنه. فرمتهای مختلف رنگی مثل HEX، RGBA و HSLA هم توش پشتیبانی میشن.
React Doctor یه ابزار متنباز هست که با یه دستور ساده کل پروژه ریاکتت رو اسکن میکنه و یه امتیاز ۰ تا ۱۰۰ بهت میده. این ابزار بیش از ۶۰ قانون مختلف رو در حوزههای امنیت، پرفورمنس، معماری، باندل سایز و accessibility بررسی میکنه. علاوه بر لینت، کدهای مرده و فایلهای استفادهنشده رو هم شناسایی میکنه. هم از طریق CLI، هم Node.js API و هم GitHub Actions قابل استفادهست.
bsky-comments یه وب کامپوننت سبک و بدون وابستگیه که بهت اجازه میده تاپیکهای بلوسکای رو مستقیم توی هر سایتی نشون بدی. حجمش فقط ۳ کیلوبایته و با هر فریمورکی مثل ریاکت، ویو، سولت یا حتی HTML خالص کار میکنه. برخلاف بقیهی کتابخونههای مشابه، از Light DOM استفاده میکنه، یعنی میتونی راحت با CSS یا Tailwind استایلش بدی. کافیه لینک پست بلوسکای رو بدی، بقیهاش رو خودش مدیریت میکنه.