https://twitter.com/nima_arf/status/1260402103886983174?s=21

یه پیش نویس از مقاله جدیدم رو اینجا منتشر کردم


‏شما از اول نیازی به گلوبال استیت نداشتید

Create React App 4.0 with Fast Refresh and more! 🔥

- React 17
- TypeScript 4
- ESLint 7
- Jest 26
- PWA enhancements
- Web Vitals

بالاخره پس از مدت‌ها 🔥🔥🔥 Fast Refresh برای CRA 4 اومد

برای ارتقا به این نسخه کافیه دستور زیر رو داخل ترمینال وارد کنید

yarn add --exact react-scripts@4.0.0

یا اگر از npm استفاده می کنید

npm install --save --save-exact react-scripts@4.0.0


توضیحات بیشتر در

https://github.com/facebook/create-react-app/releases/tag/v4.0.0


@react_ir

یکی از ویژگی‌های جدیدی که تازه به ری‌اکت اضافه شده و شما میتونید با اپگرید به CRA 4 از اون استفاده کنید

حذف import React from “react” هستش

دیگه لازم نیست برای استفاده JSX بیاید تو خط اول پروژه‌تون react رو ایمپورت کنید

(یه کوچولو حجم پروژه هاتونم کمتر میشه با اینکار)

@react_ir

یادم رفت اینو بگم لازم نیست برید تو تک تک فایل‌های پروژه و دستور ایمپورت react رو پاک کنید

ابزاری هستش که به صورت اتوماتیک این کار رو انجام میده

کافیه ترمینال سیستم عامل رو باز کنید (رو ویندوز همون CMD) و با دستور cd مسیر ترمینال رو به پوشه پروژه تغییر بدید و دستور زیر رو اجرا کنید

npx react-codemod update-react-imports

بعد از چند لحظه تمامی ایمپورت ها به صورت اتوماتیک آپدیت میشن 😉


فرقی نمی‌کنه که از razzle یا next یا create-react-app استفاده کرده باشید این codemod با همه ابزارها سازگار هستش (صرفا میگرده دنبال فایل‌هایی با پسوند js و jsx و tsx و هرچی import مربوط به React هستش رو تغییر میده)

@react_ir

دوستان مراقب ایمپورت های که از پکیج های مختلف دارید باشید

تفاوت یک خط ایپمورت برای lodash میتونه ۲۲ کیلوبایت اونم gzip باشه (به زبان دیگه فاجعه)

اشتباه:
import { get } from "lodash"

درست:
import get from "lodash/get"

آیا تمامی کتابخونه ها به همین شکل هستن؟
خیر، ولی اگر همچین مشکلی باشه و درست tree shake نشه تو مستندات سایتش نوشته شده و با خوندن مستندات متوجه میشید (برای مثال material-ui)

(تست شده با وب پک ۴ و react scripts نسخه ۴)


@react_ir

بالاخره ری‌اکت ۱۸ منتشر شد 🎉

https://twitter.com/reactjs/status/1508838714180612100?s=21&t=_bNsgzs6KucbuFBiE3Y-Dg


@react_ir

سایت react.ir اماده شده و پس از مدت‌ها یه مقاله جدید نوشتم داخل گذاشتم