در یک اعلامیه اخیر در وبلاگ واکنش، تیم React به روزرسانی قابل توجهی را به اشتراک گذاشت: ایجاد برنامه React (CRA) در حال کاهش است این تصمیم پایان دوره ای را برای یکی از محبوب ترین ابزارهای برنامه های React Bootstrapping نشان می دهد. اگر شما یک توسعه دهنده React هستید ، این خبر مهم است – این نشان می دهد که چگونه اکوسیستم React در حال تحول است و از چه ابزاری باید از حرکت به جلو استفاده کنید.
در این مقاله ، ما نکات کلیدی را از پست وبلاگ تجزیه خواهیم کرد ، بررسی خواهیم کرد که چرا این تصمیم اتخاذ شده است و بحث می کنیم که برای پروژه های فعلی و آینده شما چه معنی دارد.
چه اتفاقی برای ایجاد برنامه React می افتد؟
تیم React رسماً اعلام کرده است ایجاد برنامه React (CRA) برای پروژه های جدید کاهش می یابد. در حالی که CRA به کار خود ادامه خواهد داد حالت نگهداری، دیگر برای برنامه های جدید به طور فعال توسعه یا توصیه نمی شود. در عوض ، تیم React توسعه دهندگان را به مهاجرت به مدرن ترغیب می کند چارچوبها مانند بعد. jsبا روتر واکنش، یا نمایشگاه، یا استفاده از ابزارهای ساخت مانند سریعبا بسته، یا رفیقبشر
نکات کلیدی از اعلامیه
- هشدار استهلاک: از همین حالا ، اگر سعی می کنید یک برنامه جدید با CRA ایجاد کنید ، یک هشدار استهلاک را مشاهده خواهید کرد.
- حالت نگهداری: CRA هنوز کار خواهد کرد و برای پشتیبانی به روز شده است واکنش 19، اما ویژگی ها یا پیشرفت های جدیدی را دریافت نمی کند.
- راهنماهای مهاجرت: تیم React راهنماهای مفصلی را برای مهاجرت به چارچوبها یا ساخت ابزار ارائه داده است.
می توانید اعلامیه کامل را در اینجا بخوانید: Sunsetting ایجاد برنامه Reactبشر
چرا برنامه REACT کاهش یافت؟
CRA در سال 2016 برای حل یک نقطه مهم درد برای توسعه دهندگان React معرفی شد: تنظیم یک برنامه React جدید پیچیده و مستعد خطا بود. توسعه دهندگان مجبور بودند به صورت دستی ابزارها را پیکربندی کنند JSXبا لینوت بارگیری مجدد داغکه منجر به دیگهای پراکنده و تنظیمات متناقض شد. CRA یک راه حل استاندارد و پیکربندی صفر ارائه داد که شروع به کار با React آسان کرد.
با این حال ، با گذشت زمان ، محدودیت های CRA آشکار شد. در حالی که برای مبتدیان و پروژه های کوچک بسیار عالی بود ، اما تلاش کرد تا خواسته های برنامه های مدرن و درجه تولید را برآورده کند. در اینجا برخی از دلایل اصلی استهلاک آن آورده شده است:
1. عدم وجود ویژگی های پیشرفته
CRA شامل راه حل هایی برای مسیریابیبا داده های واکشی، یا تقسیم کد، که برای ساخت برنامه های اجرا کننده ضروری هستند. توسعه دهندگان مجبور بودند به کتابخانه های خارجی و تنظیمات سفارشی اعتماد کنند ، که اغلب منجر به ناکارآمدی و پیچیدگی می شد.
2. هیچ نگهدارنده فعال وجود ندارد
CRA دیگر نگهدارنده های فعال ندارد و رسیدگی به مشکلات یا اضافه کردن ویژگی های جدید را دشوار می کند. این عدم حمایت باعث شده است تا آن را برای توسعه مدرن کمتری زنده کند.
3. ظهور چارچوب ها
چارچوب های مدرن مانند بعد. jsبا روتر واکنشوت نمایشگاه راه حل های یکپارچه برای مسیریابی ، واکشی داده ها و بهینه سازی عملکرد ارائه دهید. این چارچوب ها تجربه توسعه دهنده بهتری را ارائه می دهند و برای برنامه های تولیدی مناسب تر هستند.
حالا باید چه کار کنی؟
اگر در حال حاضر از CRA استفاده می کنید یا قصد دارید یک پروژه React جدید را شروع کنید ، در اینجا آنچه باید بدانید آورده شده است:
1. برای پروژه های جدید
- از یک چارچوب استفاده کنید: تیم React توصیه می کند از چارچوب هایی مانند استفاده کنید بعد. jsبا روتر واکنش، یا نمایشگاهبشر این ابزارها راه حل های داخلی را برای مسیریابی ، واکشی داده ها و بهینه سازی عملکرد ارائه می دهند.
- ابزارهای ساخت را کاوش کنید: اگر کنترل بیشتری را بر روی تنظیمات خود ترجیح می دهید ، استفاده از ابزارهای ساخت مانند را در نظر بگیرید سریعبا بسته، یا رفیقبشر
2. برای پروژه های موجود
- به یک چارچوب مهاجرت کنید: اگر برنامه شما در پیچیدگی در حال رشد است ، مهاجرت را به یک چارچوب در نظر بگیرید. تیم React راهنماهای مهاجرت را برای بعد. jsبا روتر واکنشوت نمایشگاهبشر
- به یک ابزار ساخت تغییر دهید: اگر یک چارچوب مناسب نیست ، می توانید مانند یک ابزار ساخت مانند مهاجرت کنید سریع یا بستهبشر این ابزارها انعطاف پذیری و عملکرد بهتری نسبت به CRA دارند.
3. از ابتدا واکنش نشان دهید
اگر علاقه مند به درک نحوه واکنش واکنش در زیر کاپوت هستید ، تیم React اسناد جدیدی را منتشر کرده است ساختن یک برنامه React از ابتدابشر این یک روش عالی برای تعمیق دانش شما و به دست آوردن کنترل بیشتر بر روی پروژه های شما است.
چرا چارچوب ها آینده هستند
چارچوب هایی مانند بعد. js وت روتر واکنش برای حل چالش هایی که CRA نتوانست آن را حل کند ، طراحی شده اند. آنها راه حل های یکپارچه را برای:
- مسیریابی: راه حل های مسیریابی ساخته شده باعث می شود ساخت و ساز برنامه خود را آسان کنید و پیوندها را به اشتراک بگذارید.
- واکشی داده ها: چارچوب ها برای جلوگیری از آبشارهای شبکه و بهبود عملکرد ، واکشی داده ها را بهینه می کنند.
- تقسیم کد: تقسیم کد پیشرفته تضمین می کند کاربران فقط کد مورد نیاز خود را بارگیری می کنند و زمان بار را کاهش می دهد.
- رندر سمت سرور (SSR): چارچوب ها اجرای SSR را آسان می کنند ، که باعث بهبود عملکرد و سئو می شود.
با استفاده از یک چارچوب ، می توانید به جای حل مشکلات ابزار و پیکربندی ، روی ساخت برنامه خود تمرکز کنید.
پایان
استهلاک از ایجاد برنامه React یک لحظه مهم برای اکوسیستم React است. در حالی که CRA سالها هدف خود را به خوبی انجام می داد ، خواسته های توسعه وب مدرن از قابلیت های آن پیشی گرفته است. با مهاجرت به چارچوبها یا ایجاد ابزارها ، می توانید از عملکرد بهتر ، ویژگی های بیشتر و یک تجربه توسعه دهنده نرم تر استفاده کنید.
اگر هنوز از CRA استفاده می کنید ، اکنون زمان شروع برنامه ریزی مهاجرت خود است. برای اطلاعات بیشتر و راهنماهای مهاجرت ، پست رسمی وبلاگ React را بررسی کنید: Sunsetting ایجاد برنامه Reactبشر
