Vonage Video API چهار روش مختلف برای ضبط و آرشیو جلسات ویدیویی داره که توی یه اپ دمو با ری‌اکت و Node.js نشون داده شدن. می‌شه فقط صدا ضبط کرد، همه شرکت‌کننده‌ها رو توی یه فایل ترکیب کرد، استریم هر نفر رو جدا نگه داشت، یا با Experience Composer یه ویدیوی برندشده با المان‌های تعاملی ساخت. آرشیوهای Vonage تا ۷۲ ساعت در دسترسن مگه اینکه S3 تنظیم شده باشه.

۱ ساعت پیشdeveloper.vonage.com

تیم Next.js یک آپدیت امنیتی هماهنگ منتشر کرد که ۱۳ آسیب‌پذیری جدی از جمله دور زدن احراز هویت، XSS و SSRF رو برطرف می‌کنه.

DayPicker یه کامپوننت ری‌اکتیه که ساخت date picker، تقویم و فیلد تاریخ رو توی اپ‌های وب راحت می‌کنه و از تقویم‌های مختلف از جمله فارسی پشتیبانی می‌کنه.

۲۲ اردیبهشتdaypicker.dev

سازنده‌ی TanStack Start از حجم بالای React خسته شد و با کمک هوش مصنوعی در یک روز یه پیاده‌سازی جدید از API ری‌اکت ساخت که تا ۷ کیلوبایت وزن داره.

۲۲ اردیبهشتtannerlinsley.com

یه سایت مارکتینگ با Astro و ری‌اکت ساخته شده بود که بعد از لانچ، ۱۰۰ کیلوبایت جاوااسکریپت اضافی داشت. با مهاجرت به Web Components بومی، همه چیز حل شد.

۲۲ اردیبهشتevilmartians.com

Shadcn Admin Kit یه کیت کامپوننتی برای ساخت پنل‌های ادمین با shadcn/ui و React‌ه که روی هسته‌ی react-admin (ra-core) بنا شده. این کیت امکاناتی مثل صفحات CRUD، جدول داده با فیلتر و صفحه‌بندی، فرم‌های اعتبارسنجی، احراز هویت، و پشتیبانی از i18n رو فراهم می‌کنه. با هر API از جمله REST و GraphQL سازگاره و با ابزارهایی مثل Vite، Remix، و Next.js هم کار می‌کنه. ویژگی جالبش Guesser‌هاست که به‌طور خودکار کد صفحات رو بر اساس پاسخ API تولید می‌کنه.

۲۲ اردیبهشتgithub.com

نسخه ۴.۷.۰ ابزار shadcn دو قابلیت جدید آورده: استفاده از package.json imports برای مدیریت مسیرها و target alias در رجیستری.

۲۱ اردیبهشتui.shadcn.com

ری‌یو‌آی (ReUI) یه کتابخانه کامپوننت رایگان و اوپن‌سورس برای React و Tailwind CSS هست که روی shadcn/ui ساخته شده. با بیش از ۱۰۰۳ کامپوننت آماده، از دیتاگرید و فیلتر گرفته تا کانبان و آپلود فایل، توسعه‌دهنده‌ها می‌تونن سرعت توسعه رابط کاربری‌شون رو به شکل چشمگیری بالا ببرن. این کتابخانه با همه ۵ استایل Shadcn Create سازگاره و هم از Base UI هم Radix UI پشتیبانی می‌کنه. نسخه ۲.۰ این پروژه با وعده ۱۰ برابر شدن بهره‌وری منتشر شده.

۲۰ اردیبهشتreui.io

یه قالب اوپن‌سورس و رایگان برای داشبورد ادمین و لندینگ‌پیج معرفی شده که با React، TypeScript، Vite و Next.js 15 ساخته شده. این قالب از shadcn/ui نسخه ۳ و Tailwind CSS v4 استفاده می‌کنه و بیش از ۳۰ صفحه آماده داره. پشتیبانی از دارک/لایت مود، تم‌سازی زنده با tweakcn، و اپ‌های نمونه مثل میل، چت و تسک از ویژگی‌های اصلیشه. این قالب هم با Vite هم با Next.js کار می‌کنه و برای ساخت پنل ادمین، داشبورد SaaS یا محصولات مبتنی بر هوش مصنوعی مناسبه.

۲۰ اردیبهشتgithub.com

یه دوره جامع از Scott Moss مهندس ارشد نتفلیکس که بهت یاد می‌ده چطور سیستم‌های هوش مصنوعی بسازی، اندازه‌گیری کنی و بهشون بهبود بدی. توی این دوره یه ایجنت چت به یه اپ Excalidraw اضافه می‌کنی و با ابزارهایی مثل Cloudflare Durable Objects، Zod و OpenAI SDK کارش می‌کنی. بعدش با مفهوم Evals آشنا می‌شی که کمک می‌کنه دقت ایجنت رو در طول زمان بالا ببری. این دوره برای کسایی که با TypeScript و React آشنایی دارن طراحی شده.

۲۰ اردیبهشتfrontendmasters.com

Tool UI یه مجموعه کامپوننت ری‌اکت کپی/پیستیه که برای نمایش فراخوانی ابزارها (tool calls) در رابط‌های چت هوش مصنوعی طراحی شده. بیشتر اپ‌ها وقتی مدل یه ابزار فراخوانی می‌کنه، JSON خام رو توی مکالمه نشون می‌دن؛ Tool UI این پیلودها رو به UI‌های تعاملی مثل فرم، جدول، نمودار، و کارت تأیید تبدیل می‌کنه. این پروژه از مدل shadcn/ui پیروی می‌کنه، یعنی کامپوننت‌ها مستقیم داخل کدبیس شما زندگی می‌کنن و هیچ وابستگی اضافه‌ای نداره. هر کامپوننت یه اسکیما Zod داره و روی shadcn/ui و Tailwind ساخته شده.

۱۹ اردیبهشتgithub.com

React Universe Summit یه رویداد تخصصی برای مهندسان و معماران React Native‌ه که ۲۳ ژوئن ۲۰۲۶ در نیویورک برگزار می‌شه. محور اصلی این کنفرانس، تقاطع هوش مصنوعی با اکوسیستم React Native‌ه؛ از توسعه با کمک AI گرفته تا CI هوشمند، تست خودکار، و استراتژی OTA. بلندپایه‌هایی از JPMorgan Chase، DirecTV، Amazon، و React Foundation در این رویداد سخنرانی می‌کنن. برنامه‌ی کنفرانس روی تصمیم‌گیری‌های واقعی مهندسین ارشد تمرکز داره و session‌ها بر اساس داده‌های production طراحی شدن.

۱۸ اردیبهشتreactuniverse.com

TanStack Form یه کتابخونه‌ی جدید برای مدیریت فرم‌هاست که مثل بقیه‌ی ابزارهای TanStack، روی تایپینگ قوی و پرفورمنس تمرکز داره. با یه هوک ساده فرمت رو تعریف می‌کنی، ولیدیشن رو در مراحل مختلف (مثل submit یا blur) تنظیم می‌کنی، و چون هدلس طراحی شده، خودت می‌تونی هر UI دلخواهی رندر کنی. آرایه‌ها، مقادیر وابسته به هم، و state های کامل فیلد مثل isTouched و isDirty هم به خوبی پشتیبانی می‌شن.

۱۷ اردیبهشتfrontendmasters.com

تیم Remix نسخه بتای Remix 3 رو منتشر کرد؛ یه قدم بزرگ از یه فریم‌ورک «مرکزی-استک» به یه راه‌حل واقعاً فول‌استک. این نسخه دیگه فقط روتینگ و رندرینگ نیست، بلکه همه چیز از سشن و احراز هویت گرفته تا آپلود فایل، کامپوننت‌های UI، تم‌بندی، تست و مدیریت داده زیر یه سقف جمع شده. Remix 3 بر پایه Fetch API ساخته شده و ایده اصلیش اینه که بدون کلی وابستگی پراکنده بتونی مستقیم بری سراغ ساختن اپ. این نسخه هنوز پروداکشن‌ردی نیست ولی برای آزمایش و فیدبک آمادست.

۱۶ اردیبهشتremix.run

react-hotkeys-hook یه کتابخونه سبک و ساده‌ست که بهت اجازه می‌ده میانبرهای کیبورد رو توی ری‌اکت فقط با یه hook تعریف کنی. نه نیاز به Provider داری، نه Context پیچیده — فقط import می‌کنی و استفاده می‌کنی. از ترکیب‌های modifier تا دنباله‌های vim-style و حتی ضبط میانبر توسط کاربر رو پشتیبانی می‌کنه.

۱۶ اردیبهشتreact-hotkeys-hook.vercel.app

ری‌اکت از نسخه ۱۸ به بعد یه قابلیت جالب داره: استریمینگ خارج از ترتیب. یعنی به جای اینکه صبر کنیم همه دیتاها لود بشن، کامپوننت‌هایی که داده‌شون آماده‌ست همون لحظه به کاربر نشون داده می‌شن. این کار با استفاده از Suspense و Server Components انجام می‌شه و ری‌اکت پشت صحنه از یه سری تابع و تکنیک DOM خاص استفاده می‌کنه. در این مقاله نگاه می‌کنیم که ری‌اکت دقیقاً چطور این سوآپ جادویی رو انجام می‌ده.

۱۶ اردیبهشتinside-react.vercel.app

Boneyard یه کتابخونه‌ست که صفحات اسکلت لودینگ رو مستقیم از UI واقعی پروژه‌ات استخراج می‌کنه. دیگه نیازی به اندازه‌گیری دستی یا پلیس‌هولدرهای دستی نیست. با ری‌اکت، ویو، Svelte، انگولار، Preact و حتی React Native کار می‌کنه. یه CLI یا پلاگین Vite به‌صورت خودکار layout رو اسکن می‌کنه و فایل‌های bones رو می‌سازه. نتیجه: اسکلت‌های pixel-perfect بدون هیچ تنظیم اضافه‌ای.

۱۳ اردیبهشتgithub.com

فرمیش یه کتابخانه headless و schema-based برای مدیریت فرم‌هاست که با فریم‌ورک‌های محبوب جاوااسکریپت مثل React، Vue، SolidJS، Svelte، Qwik و Preact کار می‌کنه. اعتبارسنجی مبتنی بر Valibot داره، تایپ‌سیف کامله و سایز باندلش از ۲.۵ کیلوبایت شروع می‌شه. آپدیت‌های DOM به صورت دقیق و fine-grained انجام می‌شن که سرعت رو بالا می‌بره. هسته اصلیش framework-agnostic ِه و بلوک‌های reactivity مخصوص هر فریم‌ورک رو در زمان بیلد تزریق می‌کنه.

۱۳ اردیبهشتgithub.com

React Server Components یا RSC یکی از بحث‌برانگیزترین ویژگی‌های اخیر ری‌اکت بوده که خیلی‌ها فکر می‌کنن صرفاً یه مکانیزم سریالایزیشن داده‌ست. Daishi Kato در این مقاله نگاه دقیق‌تری به RSC انداخته و نشون می‌ده که این تفسیر ساده‌انگارانه‌ست. RSC یه مدل ترکیبی کامل‌تره که مرز بین سرور و کلاینت رو در رندرینگ کامپوننت‌ها بازتعریف می‌کنه. فهمیدن درست RSC به توسعه‌دهنده‌ها کمک می‌کنه تصمیم‌های بهتری در معماری اپ‌های ری‌اکتی بگیرن.

۱۳ اردیبهشتnewsletter.daishikato.com

پاستل یه فریم‌ورک جالبه که با الهام از Next.js، ساخت ابزارهای خط فرمان (CLI) رو با ری‌اکت و Ink ممکن می‌کنه. کافیه فایل‌ها رو توی پوشه commands بذاری تا دستوراتت تعریف بشن، بدون پیچیدگی اضافه. تعریف گزینه‌ها و آرگومان‌ها هم با Zod انجام می‌شه و type-safety کامل داری. در نهایت پیام help هم به‌صورت خودکار تولید می‌شه.

۱۱ اردیبهشتgithub.com