ویژگی های 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 و بالاتر میتونید تغییر بدین. به همین راحتی پروژه تون آپدیت میشه.
اگر تجربه ای در این زمینه دارین، تجربه هاتون رو از طریق کامنت ها به اشتراک بذارین.
1 دیدگاه
به گفتگوی ما بپیوندید و دیدگاه خود را با ما در میان بگذارید.
در این ورژن ، css modules ها به صورت default وجود دارد و نیازی به eject کردن نیست.
برای استفاده از css modules فقط کافیه نام فایل css را به صورت .module.css. نام گذاری کنیم و ازش استفاده کنیم.
برای مثال فرض کنیم نام فایل css ما myStyle هست.
بنابراین داریم :
myStyle.module.css