‏ری‌اکت آریا ۱.۲۱ با کامپوننت NavigationTree

تیم ادوبی تو یادداشت انتشار نسخهٔ ۱.۲۱.۰ می‌گه بزرگ‌ترین خبر این نسخه کامپوننت تازهٔ NavigationTree هست. این کامپوننت یه مجموعهٔ سلسله‌مراتبی از لینک‌ها رو نشون می‌ده، یعنی دقیقاً همون چیزی که برای ساختن سایدبار یا منوی تودرتوی یه اپ لازم داری. ناوبری با کیبورد و پشتیبانی از مسیرهای تودرتو هم از همون اول توش هست، پس لازم نیست این‌ها رو خودت دستی پیاده کنی.

کامپوننت Menu هم این دور آپدیت مهمی گرفته: حالا لود ناهمگام (async، یعنی داده‌ها بعداً و کم‌کم از سرور می‌رسن) و حالت خالی رو پشتیبانی می‌کنه. با MenuLoadMoreItem می‌تونی آیتم‌های منو رو همین‌طور که کاربر اسکرول می‌کنه از API بگیری، و با renderEmptyState وقتی داده داره لود می‌شه یا اصلاً چیزی نیست یه نشونه به کاربر نشون بدی.

یه تغییر شکنندهٔ کوچیک هم تو TokenField هست. TokenFieldValue دیگه فقط جای کرسر رو نگه نمی‌داره و کل بازهٔ انتخاب‌شده رو ذخیره می‌کنه؛ پراپرتی caretPosition حذف شده و selectedRange جاش اومده که هم نقطهٔ لنگر و هم آفست فعلی رو داره. فایده‌ش اینه که بعد از undo یا redo، انتخاب کاربر برمی‌گرده سر جاش. برای آپدیت انتخاب هم از withSelectedRange استفاده می‌کنی.

بین رفع باگ‌ها چندتا چیز به‌دردبخور هست: کل پروژه به TypeScript 7 ارتقا پیدا کرده، مشکل جای‌گیری اورلی‌ها روی iOS 26 حل شده، و تو حالت عمودی RTL کلیدهای جهت چپ و راست تو Tabs بالاخره رفتار یکدستی دارن. DialogTrigger هم حالا داخل Tabs کار می‌کنه و می‌شه Select و Combobox رو داخل دیالوگ گذاشت.

نسخه‌های منتشرشدهٔ اصلی این دور react-aria-components@1.21.0، react-aria@3.52.0 و react-stately@3.50.0 هستن. آخر یادداشت هم از مشارکت‌کننده‌های بیرونی تشکر شده، چون بخش زیادی از رفع باگ‌های این نسخه از سمت اون‌ها اومده.

نکات کلیدی:

• NavigationTree کامپوننت جدید این نسخه‌ست: لینک‌های سلسله‌مراتبی با ناوبری کیبورد و مسیرهای تودرتو.
• Menu با MenuLoadMoreItem آیتم‌ها رو حین اسکرول از API می‌گیره و renderEmptyState حالت خالی و در حال لود رو نشون می‌ده.
• تو TokenField پراپرتی caretPosition حذف و با selectedRange جایگزین شده؛ آپدیت انتخاب با withSelectedRange انجام می‌شه.
• کل مخزن به TypeScript 7 ارتقا پیدا کرده و setInteractionModality حالا export می‌شه.
• نسخه‌ها: react-aria-components@1.21.0، react-aria@3.52.0، react-stately@3.50.0، تاریخ انتشار ۱ سپتامبر ۲۰۲۶.