امروز می‌خوام در مورد یک آپدیت بزرگ تو دنیای ریکت صحبت کنم که تو مقالات ۲۴ ساعت گذشته حسابی ترند شده و معماری پروژه‌های ما رو تغییر می‌ده: انقلاب React Router v7 و ادغام کاملش با Remix!

(برای دوستانی که تازه‌کار هستن: React Router معروف‌ترین کتابخونه برای ساخت صفحات مختلف تو ریکت هست که اجازه می‌ده کاربر بین صفحاتی مثل "خانه" و "داشبورد" جابجا بشه بدون اینکه کل سایت رفرش بشه. اخیراً تیم سازنده‌ی این ابزار، فریم‌ورک قدرتمند Remix رو هم توسعه دادن و حالا تو نسخه ۷، بهترین قابلیت‌های Remix رو مستقیماً وارد خود React Router کردن!)

وقتی ما روی پروژه‌های پیچیده مثل داشبوردهای امنیتی، پنل‌های مانیتورینگ یا سیستم‌های تحلیل لاگ کار می‌کنیم، یکی از بزرگترین چالش‌ها "آبشار درخواست‌ها" (Network Waterfalls) است. یعنی کامپوننت اول لود می‌شه، بعد دیتای خودش رو می‌گیره، بعد کامپوننت داخلی رندر می‌شه و اونم دیتای خودش رو می‌خواد... و این باعث کندی شدید صفحه می‌شه.

اما با قابلیت‌های جدیدی مثل Loaders و Actions تو React Router v7، ما می‌تونیم قبل از اینکه کاربر حتی وارد صفحه بشه، دیتای مورد نیاز اون مسیر (Route) رو فچ کنیم!

مزایای این تغییر معماری:
۱. سرعت لود شدن صفحات به شدت بالا می‌ره چون دیتا و ظاهر سایت همزمان آماده می‌شن.
۲. مدیریت فرم‌ها و ارسال دیتا به سرور خیلی تمیزتر می‌شه.
۳. نیازی به مهاجرت کامل به یک فریم‌ورک فول‌استک نداریم و می‌تونیم تو همون پروژه‌های کلاسیک ریکت از این قدرت استفاده کنیم.
به نظرم این آپدیت نشون می‌ده که ریکت داره به سمت یکپارچگی بیشتر پیش می‌ره تا دردسرهای کانفیگ ما کمتر بشه.

@DevTwitter | <Reza Khosravi/>