جستجو برای:
سبد خرید 0
  • صفحه اصلی
  • دوره ها
    • راهنمای یادگیری
  • بلاگ
  • تالار گفتمان
  • کانال تلگرام

ورود

رمز عبور را فراموش کرده اید؟

هنوز عضو نشده اید؟ عضویت در سایت
perm_identity
سبد خرید 0
  • درباره ما
  • تماس با ما
0
آموزش های کاربردی جاوا اسکریپت
  • صفحه اصلی
  • دوره ها
    • راهنمای یادگیری
  • بلاگ
  • تالار گفتمان
  • کانال تلگرام
ورود و ثبت نام

وبلاگ

آموزش های کاربردی جاوا اسکریپت > بلاگ > React > ویژگی های create react app2

ویژگی های create react app2

Create React App 2

همونطور که میدونید و توی مقاله نصب 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 و بالاتر میتونید تغییر بدین. به همین راحتی پروژه تون آپدیت میشه.

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

update to create react app 2

اشتراک گذاری:
برچسب ها: createreactapp2reactآموزش فارسی reactریکت
مطالب زیر را حتما بخوانید
  • تفاوت کامپوننت های stateless و statefull
    کامپوننت های Stateful و Stateless در React

    19 بازدید

  • مقایسه jquery و react
    مقایسه React و jQuery

    86 بازدید

  • شروع سومین سال فعالیت reactapp

    257 بازدید

  • لیارا
    هدیه لیارا به کاربران سایت Reactapp

    363 بازدید

  • برای پروژه بعدی کدام یک را انتخاب کنیم؟ React,Angular یا Vue

    424 بازدید

جدید تر سایت ایرانی که با ReactJS پیاده سازی شده اند | قسمت دوم
قدیمی تر استفاده از Vector Icons در React Native

1 دیدگاه

به گفتگوی ما بپیوندید و دیدگاه خود را با ما در میان بگذارید.

  • حسین ارشیا گفت:
    آبان 16, 1397 در 11:12 ق.ظ

    در این ورژن ، css modules ها به صورت default وجود دارد و نیازی به eject کردن نیست.
    برای استفاده از css modules فقط کافیه نام فایل css را به صورت .module.css. نام گذاری کنیم و ازش استفاده کنیم.
    برای مثال فرض کنیم نام فایل css ما myStyle هست.
    بنابراین داریم :
    myStyle.module.css

    پاسخ

پاسخی بگذارید لغو پاسخ

جستجو
جستجو برای:
دسته‌ها
  • Material UI
  • NodeJS
  • React
  • React Native
  • Vue Js
  • آموزش متنی
  • استارت آپ و آموزش
  • برنامه نویسی
  • جاوااسکریپت
  • گپ و گفت
reactapp-logo
  • phone_android
    09150274110
  • email
    contact@reactapp.ir
  • بلاگ
  • تله فیلم آموزشی
  • قوانین
  • سوالات متداول
  • آموزش متنی
کلیه حقوق این سایت محفوظ و متعلق به reactapp.ir میباشد.
keyboard_arrow_up
کاربران عزیز وب سایت reactapp، اختلالاتی در دانلود دوره ها به دلیل بروزرسانی سایت به وجود آمده است. ضمن پوزش از مشکل به وجود آمده از صبر و شکیبایی شما سپاسگذاریم.