یه سایت مارکتینگ با 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

React Email 6.0 منتشر شد و مهم‌ترین ویژگی‌اش یه ویرایشگر بصری متن‌باز و قابل جاسازی توی اپلیکیشن‌های مختلفه. این نسخه یه معماری توسعه‌پذیر داره که بهت اجازه می‌ده بلوک‌های سفارشی خودت رو بسازی. علاوه بر این، همه کامپوننت‌ها حالا توی یه پکیج واحد جمع شدن و دیگه نیازی به نصب چند پکیج جداگانه نیست. این پروژه در ۵ ماه گذشته رشد ۱۰۸ درصدی داشته و الان ۲ میلیون دانلود هفتگی روی npm داره.

۲۵ هفته پیشresend.com

React Arborist یه کتابخانه‌ی قدرتمنده که بهت اجازه می‌ده نماهای درختی حرفه‌ای مثل sidebar ویژوال استودیو کد، Mac Finder یا پنل Layers فیگما رو توی پروژه‌های ری‌اکتت بسازی. این کتابخانه امکاناتی مثل درگ‌اند‌دراپ، تغییر نام inline، رندرینگ مجازی‌سازی‌شده، فیلتر کردن و ناوبری با کیبورد رو داره. می‌تونی هم به شکل controlled و هم uncontrolled ازش استفاده کنی و ظاهرشو کاملاً شخصی‌سازی کنی.

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

React Internals Explorer یه ابزار آنلاینه که بهت اجازه می‌ده درون ری‌اکت رو به شکل بصری و گام‌به‌گام زیر ذره‌بین بذاری. با این ابزار می‌تونی Fiber tree رو در حین اجرای کدت مشاهده کنی و بفهمی ری‌اکت پشت پرده چطور کار می‌کنه. این پروژه توسط JSer ساخته شده و هر دو نسخه ری‌اکت ۱۸ و ۱۹ رو پشتیبانی می‌کنه. برای کسایی که می‌خوان عمیق‌تر از سطح API‌ها به ری‌اکت نگاه کنن، یه منبع یادگیری فوق‌العاده‌ست.

۲۵ هفته پیشjser.pro

Tambo یه ابزار اوپن‌سورسه که بهت اجازه می‌ده بدون نیاز به فریم‌ورک‌های سنگین، ایجنت هوش مصنوعی رو مستقیم توی اپ ری‌اکتت جا بدی. به جای اینکه AI فقط متن برگردونه، از کامپوننت‌های خودت رندر می‌کنه — با همون استایل و لاجیکی که داری. استریمینگ، مدیریت state، احراز هویت و پشتیبانی از MCP همه از قبل حل شده. پلن رایگانش با ۱۰ هزار پیام در ماه شروع می‌شه.

۲۵ هفته پیشtambo.co