با React 19 و ویژگی‌های جدید آن مانند کامپایلر ارتقا یافته، بهبود reconciliation و بررسی strict mode به‌روز بمانید. برای نسخه بزرگ بعدی React آماده شوید!
به عنوان توسعه‌دهندگان React، همه می‌توانیم موافق باشیم که به روز بودن با آخرین به‌روزرسانی‌های چارچوب بسیار مهم و در عین حال چالش‌برانگیز است. هدف این راهنمای جامع برای ری اکت 19 این است که با تجهیز شما به همه چیزهایی که برای انتقال آسان به جدیدترین نسخه React نیاز دارید، این چالش را کاهش دهد.
خلاصه ای از ویژگی های جدید پیش بینی شده، پیشرفت های کامپایلر، پیشرفت های reconciliation و رندر، بهبود تجربه توسعه دهندگان و موارد دیگر را دریافت خواهید کرد. همچنین APIهای منسوخ شده و تغییراتی را که باید از آنها آگاه باشید، و همچنین بهترین روش‌ها برای بازسازی و شروع آزمایش در Canary Channel را پوشش خواهیم داد.
مقدمه ای بر React 19: مروری جامع
React 19 چیست؟
React 19 نسخه اصلی بعدی کتابخانه محبوب React جاوااسکریپت برای ساخت رابط های کاربری است. این برنامه مبتنی بر پایگاه کد React موجود است و ویژگی‌ها و پیشرفت‌های جدیدی را معرفی می‌کند، در حالی که تا حد امکان سازگاری با نسخه‌های قبلی React را حفظ می‌کند.
چند نکته کلیدی که باید در مورد React 19 بدانید:
هنوز در حال توسعه است و هنوز تاریخ انتشار رسمی ندارد. تیم React قصد دارد نسخه 2023 را منتشر کند.
پشتیبانی از APIهای پلتفرم وب جدید مانند متد replaceText را اضافه می کند.
تمرکز روی "progressive enhancement" وجود دارد، ویژگی هایی که عملکرد و تجربه توسعه دهنده را بهبود می بخشد اما لازم نیست.
ارتقا باید برای اکثر برنامه های React نسبتاً روان باشد. اما برخی تغییرات بالقوه شکسته برای پاکسازی پایگاه کد برنامه ریزی شده است.
پیش بینی انتشار React 19: React 19 چه زمانی عرضه می شود؟
React 19 هنوز در مراحل اولیه توسعه و آزمایش است. تاریخ دقیق انتشار هنوز به صورت عمومی به اشتراک گذاشته نشده است.
بر اساس اعلامیه‌های React Conf 2021 و در وبلاگ رسمی React، React 19 احتمالاً در سال 2023 عرضه می‌شود. تیم React می‌خواهد از سازگاری با نسخه‌های قبلی اطمینان حاصل کند و به جامعه زمان بدهد تا برای هر گونه تغییر احتمالی شکست‌خورده آماده شود.
در ابتدا React 19 به عنوان یک نسخه بتا در کانال آزمایشی "Canary" برای آزمایش اولیه و بازخورد منتشر خواهد شد. این رویکرد به شناسایی اشکالات کمک می کند و ثبات را قبل از انتشار کامل تولید تضمین می کند.
بنابراین در حالی که تاریخ دقیق هنوز TBD است، مراقب نسخه بتا React 19 در طول سال 2023 باشید!
ویژگی های مهم React 19
برخی از ویژگی ها و بهبودهای برجسته در React 19 عبارتند از:
React Compiler - کد React را به جاوا اسکریپت ساده تبدیل می کند تا عملکرد راه اندازی را افزایش دهد. این یک تغییر اساسی در نحوه پردازش React در داخل آن است.
دسته‌بندی خودکار - به‌روزرسانی‌های دسته‌ای را برای بهبود پاسخگویی UI انجام می‌دهد. یک بهبود پیشرونده خوب.
replaceText Render Prop - امکان جایگزینی متن بدون رندر مجدد کل کامپوننت را می دهد. برای بهینه سازی مفید است.
Action API - یک API داخلی جدید برای مدیریت بهتر منطق ناهمگام در کامپوننت ها. با هدف ساده سازی کامپوننت های پیچیده.
Strict Mode 4 - بررسی Strict Mode جدید، مانند تشخیص انواع ناسازگار برای کنترل کننده رویداد. به تشخیص زودهنگام باگ کمک می کند.
و خیلی موارد بیشتر دیگر! React 19 در حال شکل گیری یک نسخه بزرگ است.
آماده شدن برای شکستن تغییرات
تیم React هنوز در حال نهایی کردن تغییراتی است که ممکن است در نسخه 19 رخ دهد. اما توسعه دهندگان می توانند با موارد زیر آماده شوند:
توجه به پست‌ها و اسناد وبلاگ React در مورد تغییرات احتمالی شکسته
ابتدا نسخه بتای React 19 را در پروژه های غیر حیاتی امتحان کنید
به روز رسانی مهارت ها و ابزار React قبل از زمان
مشاهده اعلان‌های مربوط به stability و release candidates
برخی از مناطق کلیدی که ممکن است شاهد تغییرات شکسته باشند عبارتند از: API متدهای چرخه عمر، error boundaries و تغییرات از رندر props به hook. جزئیات بیشتر باید بعداً در روند انتشار ارائه شود. اما تیم React متعهد است که در صورت امکان از تغییرات غیرضروری اجتناب کند.
به طور کلی React 19 یک به روز رسانی هیجان انگیز است که قابلیت های جدیدی را به همراه دارد. با برنامه ریزی و آزمایش، ارتقاء برای اکثر برنامه ها باید به راحتی انجام شود. تیم React سخت کار می‌کند تا ویژگی‌های جدید را با stability متعادل کند، به توسعه‌دهندگان کمک می‌کند تا تجربه‌های کاربری عالی ایجاد کنند.
تکامل React: بهبودهای کامپایلر در React 19
React 19 یک کامپایلر کاملاً جدید را معرفی می کند که بر بهینه سازی اندازه باندل و بهبود عملکرد runtime تمرکز دارد. بیایید برخی از پیشرفت های کلیدی را بررسی کنیم.
معرفی کامپایلر جدید React
تیم React کامپایلر را از ابتدا بازسازی کرد تا سریعتر باشد و کد کمتری تولید کند. برخی از نکات برجسته:
تجزیه و تحلیل کاملا ایستا برای بهینه سازی کد
بسته بندی گرانول برای حذف صادرات بلااستفاده
الگوهای رایج کامپایل شده به کد بهینه
هدف این پیشرفت های کامپایلر با هم افزایش بهره وری برای توسعه دهندگان React است.
دستیابی به زمان راه اندازی سریعتر با React 19
React 19 مقدار دهی اولیه و نصب کامپوننت را تا 2 برابر سریعتر ارائه می دهد. این منجر به یک تجربه کاربری سریعتر می شود:
پشتیبانی از Code splitting از بارگیری کدهای استفاده نشده جلوگیری می کند.
هیدراتاسیون به تعویق افتاد تا رابط کاربری ابتدا بارگیری شود
رندر اولویت بندی شده برای محتوای بالای صفحه
صفحاتی که از React 19 استفاده می کنند، درست از بارگذاری اولیه، بسیار پاسخگوتر هستند.
کاهش اندازه کد: بهینه سازی برای کارایی
خروجی کامپایلر React 19 می تواند تا 33 درصد کوچکتر از نسخه فعلی React باشد. کاهش های خاص عبارتند از:
حذف ماژول export استفاده نشده
بهبود و کاهش مسیرهای کد غیرقابل دسترسی
به حداقل رساندن بررسی های زمان اجرا
این به طور مستقیم استفاده از پهنای باند را برای برنامه های React کاهش می دهد.
تکنیک‌های Memoization پیشرفته
در نهایت، React 19 قابلیت‌های Memoization را برای افزایش عملکرد بیشتر گسترش می‌دهد:
Memoization گرانول کامپوننت ها
بررسی های برابری قابل تنظیم
ذخیره سازی خودکار با React.memo
توسعه‌دهندگان می‌توانند دقیقاً کدام کامپوننت ها را برای حداکثر سود بهینه کنند.
کامپایلر جدید React برنامه‌های سریعتر، اندازه‌های باندل کمتر و بهینه‌سازی‌های پیشرفته را باز می‌کند. این قابلیت‌ها React را برای آینده موقعیت می‌دهند و در عین حال سازگاری کامل با عقب را حفظ می‌کنند.
برای بررسی چه زمانی نباید از هوک useMemo استفاده کنیم این مقاله را مطالعه کنید.
Reconciliation و Rendering: پیشرفت‌ها در React 19
فرآیند Reconciliation React تعیین می کند که چه تغییراتی باید در DOM ایجاد شود تا تغییرات state را منعکس کند. React 19 بهبودهایی را برای سریعتر کردن این فرآیند معرفی می کند.
به حداقل رساندن رندرها با به روز رسانی Granular
React اکنون تغییرات state را به صورت جزئی تری مقایسه می کند تا از رندرهای غیر ضروری جلوگیری کند. به عنوان مثال، به‌روزرسانی قبلی یک آرایه، حتی اگر محتوای آرایه واقعی تغییر نکرده باشد، باعث بازپردازی می‌شود. اکنون React یک مقایسه سطحی انجام می‌دهد تا تنها زمانی که references تغییر می‌کنند، دوباره ارائه شود.
این به این معنی است که کامپوننت ها به دفعات کمتر دوباره رندر می شوند که منجر به عملکرد بهتر می شود. توسعه‌دهندگان باید اطمینان حاصل کنند که به درستی کامپوننت و داده‌های مشتق شده را به خاطر می‌سپارند تا از مزایای کامل این پیشرفت‌ها استفاده کنند.
استقبال از رندر ناهمزمان
React 19 پیشرفت‌های state همزمان را گسترش می‌دهد که کار را به تکه‌هایی تقسیم می‌کند و به مرورگر بین آنها باز می‌گردد. این از مسدود کردن به‌روزرسانی‌های بصری در حین انجام کار جلوگیری می‌کند.
ویژگی هایی مانند startTransition به توسعه دهندگان این امکان را می دهد که به صراحت به روز رسانی های غیر فوری را علامت گذاری کنند تا به صورت ناهمزمان مدیریت شوند. سپس React می تواند رندر را به تکه هایی تقسیم کند و رابط کاربری را پاسخگو نگه دارد.
بهبودهای هیدراتاسیون در React
Hydration به مقداردهی اولیه کامپوننت ی React از HTML ارائه شده توسط سرور اشاره دارد. React 19 یک API هیدراتاسیون جدید را برای ساده‌سازی این فرآیند معرفی می‌کند.
دیگر نیازی به حفظ منطق رندر سرور و کلاینت جداگانه ندارد. API جدید همچنین از عدم تطابق در هنگام هیدراتاسیون برای جلوگیری از خرابی و بهبود قابلیت اطمینان جلوگیری می کند.
به روز رسانی متد های چرخه زندگی
متد قدیمی چرخه زندگی componentWillReceiveProps اکنون یک هشدار deprecation را ثبت می کند که به جای آن استفاده از getDerivedStateFromProps را تشویق می کند.
این متد احتمالاً در نهایت به عنوان بخشی از فشار React به سمت رفتار قابل پیش بینی تر حذف خواهد شد. توسعه دهندگان باید منطق موجود را به getDerivedStateFromProps یا متد های دیگری مانند shouldComponentUpdate منتقل کنند.
تجربه توسعه‌دهنده پیشرفته با بررسی‌های جدید Strict Mode
React 19 بررسی‌های Strict Mode دیگری را معرفی می‌کند که هدف آن شناسایی باگ‌های رایج و مشکلات احتمالی در مراحل اولیه توسعه است. این تغییرات به اجرای شیوه‌هایی کمک می‌کند که از رفتارهای غیرمنتظره جلوگیری می‌کند.
اجرای بررسی های دقیق برابری در React 19
React اکنون هنگام مقایسه مقادیر در روش‌های چرخه زندگی خاص مانند shouldComponentUpdate و PureComponent از بررسی‌های برابری دقیق (===) به جای برابری انتزاعی (==) استفاده می‌کند. این تغییر احتمال رفتارهای غیرعمدی ناشی از بررسی‌های loose equality را کاهش می‌دهد.
به عنوان مثال، 0 == false به درستی با برابری انتزاعی ارزیابی می شود، که می تواند منجر به باگ شود. بررسی برابری دقیق 0 === false به درستی به نادرست ارزیابی می شود. این از باگ های احتمالی جلوگیری می کند.
زمان بندی و سازگاری پاکسازی اثر
React 19 یک بررسی را در strict mode اضافه می کند تا اطمینان حاصل شود که اثرات پاکسازی به طور مداوم در هنگام unmount اجرا می شوند. این از باگ های مربوط به اثراتی که ممکن است به درستی پاک نشده باشند جلوگیری می کند. انگیزه این است که این ناسازگاری ها را زودتر در طول توسعه آشکار کنیم.
تشخیص Ref های متضاد
React اکنون می تواند ref های متضاد را در strict mode تشخیص دهد، زمانی که دو ref به یک نمونه کامپوننت اشاره می کنند. این به جلوگیری از خطاهای مربوط به دستکاری ناخواسته گره های DOM کمک می کند.
به عنوان مثال، اتصال چندین ref به یک نمونه می تواند منجر به شرایط مسابقه شود. بررسی strict mode این باگ را برای جلوگیری از باگ های احتمالی آشکار می کند.
اثرات فراخوانی دوگانه برای ایمنی بیشتر
در ساخت‌های توسعه، strict mode React اکنون افکت‌های فراخوانی را دو برابر می‌کند. این تأیید می‌کند که وقتی دو بار فراخوانی می‌شود، افکت‌ها یکسان رفتار می‌کنند، شناسایی مسائلی که ممکن است در غیر این صورت ظاهر نشده باشند.
فراخوانی مضاعف به React اجازه می‌دهد تا ناسازگاری‌ها را در منطق پاکسازی اثر تشخیص دهد و از عواقب ناخواسته اثراتی که به‌درستی پاک نمی‌شوند، جلوگیری کند. این یک لایه حفاظتی اضافی در توسعه اضافه می کند.
React 19: انتقال از Render-Props به Hooks
آشنایی با هوک ها بر روی Render-Props
هوک‌های React روش ساده‌تری را برای مدیریت state و side effect در مقایسه با رندر ارائه می‌دهند. برخی از مزایای کلیدی هوک عبارتند از:
کد خواناتر و قابل مدیریت تر: هوک ها به شما امکان می دهند کامپوننت های پیچیده را بر اساس ویژگی های مرتبط به توابع کوچکتر تقسیم کنید تا اینکه بر اساس متد های state در مقابل چرخه حیات اجباری تقسیم کنید. این باعث می شود کد خواناتر و قابل نگهداری تر باشد.
استفاده مجدد بهتر از منطق stateful: هوک ها به شما امکان می دهند منطق stateful را از یک کامپوننت استخراج کنید تا بتوان آن را به طور مستقل آزمایش کرد و در سایر کامپوننت ها مجدداً استفاده کرد. با ابزارهای رندر، استفاده مجدد از منطق دشوارتر است.
اجتناب از Wrapper Hell: پراپس رندر تو در تو می توانند ساختارهای درختی تودرتو ایجاد کنند که خواندن آنها سخت است. هوک‌ها به شما کمک می‌کنند تا از این «جهنم بسته‌بندی» اجتناب کنید و به شما اجازه می‌دهند از state و side effects مستقیماً بدون بسته‌بندی استفاده کنید.
ترکیب انعطاف پذیر: هوک ها انعطاف پذیری را در نحوه ترکیب منطق state های مختلف با هم فراهم می کنند. این به کاهش تکرار کمک می کند و نگرانی ها را بهتر از رندر پراپ ها جدا می کند.
بازآفرینی بهترین شیوه ها
هنگام انتقال کامپوننت React از استفاده از ابزارهای رندر به هوک، در اینجا برخی از بهترین اقدامات وجود دارد:
از کوچک شروع کنید: با تبدیل یک پایه رندر در یک زمان به جای بازنویسی همه چیز در یک زمان شروع کنید. این باعث می شود روند افزایشی تر شود.
قانون لینت Hooks را اضافه کنید: قانون React Hooks linting را فعال کنید تا خطاها را در حین بازسازی مجدد شناسایی کنید. این به جلوگیری از باگ ها کمک می کند.
استخراج هوک های سفارشی: برای منطق پیچیده رندر پروپوزال، یک هوک سفارشی استخراج کنید تا رفتار را محصور کند. این باعث تمیز نگه داشتن قطعات می شود.
به روز رسانی تست ها: با تغییر کامپوننت ، تست های موجود را به روز کنید یا تست های جدید اضافه کنید تا از پوشش مناسب اطمینان حاصل کنید. تست هوک ها مستلزم استفاده از کامپوننت های wrapper است.
پاکسازی دسته: به درستی پاکسازی افکت‌ها را از پروپوزال‌های رندر در جریان داده‌های هوک جدید مدیریت کنید. این از نشت حافظه جلوگیری می کند.
حهت آشنایی با دیزاین پترن ها در React می توانید این مقاله را بررسی کنید.
نمونه های واقعی از هوک ها در عمل
هوک ها راه ساده تری را برای انجام بسیاری از سناریوهای رایجی که قبلاً به props رندر نیاز داشتند، ارائه می دهند:
واکشی داده - هوک سفارشی useDataApi فراخوانی یک نقطه پایانی API، مدیریت وضعیت و رسیدگی به خطاها را کنترل می کند.
ردیابی ماوس - هوک useMousePosition حرکات ماوس را بدون نیاز به رندر ردیابی می کند.
انیمیشن‌ها - هوک useSpring، انتقال‌ها و دنباله‌های متحرک را بدون پوشش‌های پیچیده مدیریت می‌کند.
مدیریت فرم - ورودی های سفارشی مانند useFormInput رفتار state را در هوک های قابل استفاده مجدد محصور می کند.
این مثال‌ها نشان می‌دهند که چگونه هوک‌ها با کاهش تودرتو و انتزاع در مقایسه با رندر، یک رویکرد کارآمد برای موارد استفاده رایج ارائه می‌دهند.
کانال Canary: با React 19 جلوتر بمانید
آشنایی با کانال Canary
کانال Canary یک کانال پیش از انتشار است که به توسعه دهندگان این امکان را می دهد تا ویژگی ها و به روز رسانی های جدید را قبل از راه اندازی رسمی برای React آزمایش کنند. این به عنوان یک "Canary در معدن زغال سنگ" عمل می کند و هشدارهای پیشرفته ای در مورد هر گونه مشکل در نسخه های جدید React قبل از رسیدن به مخاطبان گسترده تر می دهد.
با انتخاب کانال Canary، توسعه دهندگان می توانند در زمانی که React 19 هنوز در حال توسعه است، به زودی به آن دسترسی پیدا کنند. این کانال شامل ساخت های گاه به گاه با آخرین تغییرات در حال انجام است.
نحوه دسترسی و استفاده از کانال Canary
برای شروع استفاده از کانال Canary، باید نسخه Canary React را نصب کنید:
npm install react@canary react-dom@canary
یا اگر از Yarn استفاده می کنید:
yarn add react@canary react-dom@canary
سپس می‌توانید ویژگی‌های React 19 را وارد و در برنامه‌های خود استفاده کنید. مطمئن شوید که به طور کامل تست کنید، زیرا ساخت Canary ممکن است حاوی کد ناتمام باشد.
بهتر است به جای به روز رسانی وابستگی های تولید موجود خود، یک محیط آزمایش جداگانه راه اندازی کنید. این به شما امکان می دهد بدون ایجاد اختلال در برنامه های زنده خود بازخورد ارائه دهید.
آیا وقت آن رسیده از Vite استفاده کنیم یا نه؟ جهت بررسی این مقاله را مطالعه کنید.
مزایای تست در کانال Canary
آزمایش زودهنگام React 19 از طریق کانال Canary چندین مزیت دارد:
نگاهی اجمالی به ویژگی ها و تغییرات آینده داشته باشید
برای بهبود نسخه پایدار، اشکالات را زودتر شناسایی و گزارش کنید
برنامه های خود را برای شکستن تغییرات از قبل آماده کنید
برای کمک به شکل‌دهی نسخه نهایی React 19، بازخورد ارائه دهید
در جریان آخرین تحولات React باشید
با درگیر شدن با این Canaryهای اولیه، می‌توانید به بهبود React برای همه کمک کنید و در عین حال خود را برای آینده مجهز کنید.
بهترین روش های کانال Canary
هنگام کار با کانال Canary، این بهترین شیوه ها را در نظر داشته باشید:
از یک محیط تست جداگانه استفاده کنید و وابستگی های تولید را به روز نکنید
قبل از ادغام در مسیرهای حیاتی، ویژگی ها و به روز رسانی های جدید را به طور کامل آزمایش کنید
انتظار شکسته شدن گاه به گاه را داشته باشید زیرا کار در حال پیشرفت زمین را تغییر می دهد
مراقب هشدارهای منسوخ شدن برای آماده شدن برای شکستن تغییرات باشید
گزارش های باگ و بازخورد قابل اجرا را به تیم React ارائه دهید
مسائل مربوط به باگ های از قبل گزارش شده را ثبت نکنید
درک ویژگی های آزمایشی ممکن است به طور اساسی تغییر کند یا حذف شود
پیروی از این نکات منجر به آزمایش تجربه آرام React 19 با کانال Canary می شود.
API های منسوخ شده و تغییرات ناگهانی در React 19
React 19 با منسوخ کردن APIهای قدیمی و ویژگی‌ها، تغییرات اساسی را معرفی می‌کند. در حالی که این تغییرات مختل کننده است، زمینه را برای بهبود عملکرد، تجربه توسعه دهندگان و نوآوری های آینده فراهم می کند.
پیمایش شکستن تغییرات
در اینجا چند نکته برای کنترل تغییرات در React 19 وجود دارد:
فهرست تغییرات React 19 RC را مرور کنید تا لیست کامل تغییرات و تغییرات شکسته را ببینید. مواردی را که بر پایگاه کد شما تأثیر می گذارد یادداشت کنید.
از هشدارهای منسوخ در نسخه های قبلی React برای یافتن پیشگیرانه استفاده منسوخ شده استفاده کنید.
سعی کنید کد React 19 را برای انتقال خودکار برخی از الگوهای منسوخ شده امتحان کنید.
برای آزمایش ارتقا و شناسایی مشکلات قبل از استقرار در تولید، یک محیط مرحله‌بندی تنظیم کنید.
برای کمک و بهترین شیوه ها در مورد مهاجرت به انجمن قوی React تکیه کنید.
ویژگی های قدیمی و جایگزین های آنها
در اینجا برخی از API های قدیمی قدیمی و جایگزین های مدرن آنها آورده شده است:
Legacy context - به جای آن از createContext و useContext استفاده کنید.
Ref strings - با createRef و useRef جایگزین کنید.
ReactTestUtils - برای تست های بهبودیافته به react/testing-library@ مهاجرت کنید.
سایر ماژول های حذف شده مانند react-addons-test-utils، جایگزین های انجمن را پیدا کنید.
برنامه ریزی برای انتقال هموار
پایگاه کد خود را پاکسازی کنید تا فهرستی از وابستگی ها و ادغام هایی که ممکن است تحت تأثیر قرار گیرند تهیه کنید.
ابتدا به‌روزرسانی وابستگی‌های کامپوننت ریشه را در اولویت قرار دهید.
در نقشه راه خود، اسپرینت های ارتقاء اختصاصی را برنامه ریزی کنید.
ابتدا ارتقاء محیط های پیش از انتشار/مرحله سازی را شروع کنید.
معیارهای کلیدی را پس از ارتقاء تولید بررسی کنید تا مشکلی را پیدا کنید.
از نسخه‌سازی معنایی و چرخه‌های طولانی منسوخ شدن React استفاده کنید تا هر تغییر شکست را به فرصتی برای بهبود برنامه خود تبدیل کنید!
برای آشنایی با سرور کامپوننت ها در React می توانید این مقاله را مطالعه کنید.
نتیجه
React 19 بهبودهای هیجان انگیزی را معرفی می کند که به نفع بسیاری از توسعه دهندگان React خواهد بود. نکات کلیدی عبارتند از:
کامپایلر جدید React: کامپایلر ارتقا یافته بهینه‌سازی‌های عملکردی مانند skip mode و هیدراتاسیون انتخابی را برای کمک به بارگیری سریعتر برنامه‌ها به ارمغان می‌آورد.
بهبودهای Reconciliation : به‌روزرسانی‌هایی مانند startTransition API با تقسیم کار به تکه‌ها، رابط‌های کاربری پیچیده را پاسخگوتر می‌کنند.
بررسی Strict mode: بررسی‌های جدید برابری دقیق و حذف API منسوخ شده تضمین می‌کند که برنامه‌ها از بهترین شیوه‌ها پیروی می‌کنند.
تغییرات هیدراسیون و SSR: تکثیر درخت فیبر و هوک useId بهتر از برنامه های ارائه شده توسط سرور پشتیبانی می کند.
به طور کلی، React 19 بر افزایش بهره وری، عملکرد و DX برای ساخت برنامه های پیچیده وب تمرکز دارد.
راه پیش رو برای توسعه دهندگان React چگونه خواهد بود؟
با خروجی React 19، توسعه‌دهندگان باید با ویژگی‌های جدیدی مانند کامپایلر آشنا شوند و هر کد منسوخ شده را انتقال دهند. همانطور که React به تکامل خود ادامه می دهد، به روز ماندن مهم است.
برخی از مواردی که در آینده باید در نظر داشته باشید:
React 20 API جدید Profiler را برای ردیابی عملکرد معرفی خواهد کرد. با خواندن اسناد آماده شوید.
نسخه‌های React آینده به بهبود Strict mode ادامه می‌دهند. بررسی‌های Strict mode را بپذیرید حتی اگر هنوز اجرا نشده است.
تیم React قصد دارد به بهبود DX، DevTools، تست و موارد دیگر ادامه دهد. برای به روز رسانی در آنوفل عضو شوید.
اگرچه React API ثابت باقی می ماند، بهبودهای تدریجی اضافه می شوند. برای ساختن برنامه‌های سریعتر و مقیاس‌پذیرتر، از نسخه‌های جدید React استقبال کنید.