React 18 با رندر همزمان، دسته‌بندی خودکار وارد می‌شود

به‌روزرسانی اصلی چارچوب محبوب جاوا اسکریپت با رندر کردن چندین نسخه UI به طور همزمان و دسته‌بندی همه به‌روزرسانی‌ها به‌طور پیش‌فرض، عملکرد را افزایش می‌دهد.

React 18، یک ارتقاء بزرگ به کتابخانه محبوب جاوا اسکریپت، اکنون به عنوان نسخه تولیدی در دسترس است که توسط یک رندر همزمان جدید و دسته ای خودکار از به روز رسانی ها برجسته شده است.

پردازش همزمان یا «React Concurrent» به React اجازه می‌دهد تا چندین نسخه از رابط کاربری را همزمان آماده کند. این قابلیت پشت صحنه به عنوان مبنایی برای بسیاری از ویژگی‌های جدید در React 18 عمل می‌کند. Concurrent React انتخابی است و فقط زمانی فعال می‌شود که ویژگی‌های همزمان استفاده می‌شود.

یک ویژگی کلیدی Concurrent React این است که رندر قابل وقفه است. با یک رندر همزمان، React ممکن است یک ارتقا را شروع کند، در وسط مکث کند، سپس بعدا ادامه دهد. React تضمین می‌کند که حتی در صورت قطع شدن رندر، رابط کاربری ثابت به نظر می‌رسد. از آنجایی که صفحه‌های جدید را می‌توان در پس‌زمینه بدون مسدود کردن رشته اصلی آماده کرد، رابط کاربری می‌تواند بلافاصله به ورودی کاربر پاسخ دهد، حتی اگر در وسط یک کار رندر بزرگ باشد، و تجربه‌ای روان ایجاد کند.

Concurrent React همچنین می‌تواند بخش‌هایی از رابط کاربری را از صفحه حذف کند، سپس آنها را بعداً در حین استفاده مجدد از حالت قبلی، دوباره اضافه کند. ویژگی هایی که برای استفاده از رندر همزمان ساخته شده اند عبارتند از Suspense، Transitions و رندر سرور استریم. رندر همزمان یک تغییر قطعی است.

React 18 به‌عنوان نسخه تولیدی در ۲۹ مارس، پس از یک نامزد انتشار که در ۸ مارس منتشر شد، معرفی شد. برای ارتقاء به نسخه جدید:

npm install react react-dom

از Yarn، از موارد زیر استفاده کنید:

yarn add react react-dom

سایر ویژگی‌ها و تغییرات جدید در React 18:

• دسته‌بندی خودکار فعال است و نیاز به دسته‌بندی به‌روزرسانی‌های دسته‌ای در کد برنامه یا کتابخانه را از بین می‌برد. رندرهای کمتری مورد نیاز است. دسته‌بندی زمانی است که React برای عملکرد بهتر، به‌روزرسانی‌های چند حالت را در یک رندر مجدد گروه بندی می‌کند.
• Suspense، برای مشخص کردن وضعیت بارگذاری برای بخشی از درخت مؤلفه، برای چارچوب‌های نظری مانند Relay و Next.js در React 18 فعال است. همچنین، Suspense در سرور پشتیبانی می‌شود.
• انتقال بین به‌روزرسانی‌های فوری و غیر فوری تمایز قائل می‌شود.
• API های ارائه دهنده سرویس گیرنده و سرور دوباره طراحی شده اند. برنامه‌نویسان می‌توانند همزمان با ارتقا به React 18، از APIهای قدیمی در React 17 استفاده کنند.
• یک بررسی جدید فقط برای توسعه به حالت Strict اضافه شد. این بررسی هر مولفه را برای اولین بار نصب می‌کند و مجدداً نصب می‌کند و حالت قبلی را در دومین بار بازیابی می‌کند.
• قطعات سرور، برای ساخت برنامه‌هایی که هم سرور و هم کلاینت را در بر می‌گیرند، در نسخه کوچک بعدی React 18.x انتظار می‌رود.