ویژگی های create react app2

همونطور که میدونید و توی مقاله نصب ReactJS هم گفتیم  وقتی از create react app برای ایجاد یک پروژه استفاده میکنید برای شما ابزارها و پکیج های لازم توی پروژه تون مثل webpack، babel رو خودش نصب میکنه و کارتون رو خیلی راحت میکنه.

توی این مقاله تغییرات Create react app 2  رو بررسی میکنیم که چه امکاناتی بهش اضافه شده و چه مواردی ازش حذف شده.

 به روزرسانی ها

 Babel 7

خیلی از اشکالات قبلی رفع شده و از react fragment syntax هم پشتیبانی میکنه.

Webpack4

به طور هوشمندانه تر کدهای JS رو bundle میکنه.

Jest23

یک حالت تعاملی برای بررسی snapshot  که به ورژن23 به روز رسانی شده.

امکانات جدید

توانایی استفاده و اعمال تغییرات CSS  و Sass در خارج از box

اضافه کردن  PostCSS که به شما این امکان رو میده که در مرورگرهای قدیمی هم ویژگی های جدید CSS نشون داده بشه.

شما میتونید SVG رو به عنوان یک کامپوننت به برنامه تون اضافه کنید.

سایر تغییرات

 Nodeورژن 6 و قبل از اون رو پشتیبانی نمیکنه.

پشتیبانی از مرورگرهای قدیمی تر (مانند IE 9 تا IE 11) در حال حاضر با یه پکیج جداگانه امکان پذیره.

پشتیبانی از افزونه های .mjs فعلا در دسترس نیست.-

محیط Jest به طور پیش فرض به jsdom تغییر کرده.

نحوه استفاده از create react app2   در یک پروژه جدید

به صورت پیش فرض در حال حاضر هر پروژه جدیدی ایجاد کنید از create react app2 استفاده میکنه.

آپدیت کردن پروژه های قبلی

برای آپدیت کردن پروژه خیلی راحته و شما با روش زیر میتونید پروژه تون رو آپدیت کنید.

در فایل package.json  عبارت react-scripts رو پیدا کنید و ورژن اون رو به 2.0.0 و بالاتر میتونید تغییر بدین. به همین راحتی پروژه تون آپدیت میشه.

اگر تجربه ای در این زمینه دارین، تجربه هاتون رو از طریق کامنت ها به اشتراک بذارین.