سلام دوستان
نسخه جدید razzle و after.js رو ریلیز کردیم
امکانات مختلفی به هر ۲ شون اضافه شدن
ولی مهم ترینشون به نظر من اینا هستن
حالت SPA برای razzle
از این به بعد میتونید به جای create-react-app از razzle استفاده کنید :)
و هم پروژه SSR بسازید و هم CSR
(خیلی خفنه)
https://github.com/jaredpalmer/razzle/releases/tag/v3.1.0
بیشتر شدن سرعت after.js
داستانش طولانیه و توضیحاتش رو داخل repo نوشتم
https://github.com/jaredpalmer/after.js/releases/tag/v3.0.0
دوستانی که از نسخه‌های قبلی after استفاده میکردن و الان میخوان بیان به نسخه جدید این لینک رو مطالعه کنن
https://github.com/jaredpalmer/after.js/blob/v3.0.0/UPGRADING.md
@react_ir
نسخه جدید razzle و after.js رو ریلیز کردیم
امکانات مختلفی به هر ۲ شون اضافه شدن
ولی مهم ترینشون به نظر من اینا هستن
حالت SPA برای razzle
از این به بعد میتونید به جای create-react-app از razzle استفاده کنید :)
و هم پروژه SSR بسازید و هم CSR
(خیلی خفنه)
https://github.com/jaredpalmer/razzle/releases/tag/v3.1.0
بیشتر شدن سرعت after.js
داستانش طولانیه و توضیحاتش رو داخل repo نوشتم
https://github.com/jaredpalmer/after.js/releases/tag/v3.0.0
دوستانی که از نسخه‌های قبلی after استفاده میکردن و الان میخوان بیان به نسخه جدید این لینک رو مطالعه کنن
https://github.com/jaredpalmer/after.js/blob/v3.0.0/UPGRADING.md
@react_ir
جالبه بدونید این فریم ورک جدید remix که هنوز release نشده
یه جورایی همین after.js هستش که اومدن از اول نوشتنش :)
یه جورایی همین after.js هستش که اومدن از اول نوشتنش :)
React.ir
قسمت‌های ۱۱، ۱۲، ۱۳، ۱۴، ۱۵، ۱۶ آموزش React Router 5 آپلود شد و در لیست پخش آپارات قرار گرفت. 📽 سرفصل ویدیو‌ها - اضافه کردن فرم لاگین - اضافه کردن کانتکست برای مدیریت وضعیت لاگین کاربر - اتصال کانتکست به کامپوننت‌ها + ساخت صفحه پروفایل - ساخت کامپوننت PrivateRoute…
ویدیو آموزش کانتکست در ۳۰ دقیقه 🔥
React.ir
سلام دوستان امشب چند قسمت دیگه از آموزش ریاکت روتر 🚀🚀 رو ضبط میکنم فقط قبلش نیاز هستش که روش کار با کانتکست 🛹🛹 رو بدونید، واسه همین یک مقاله ۲ قسمتی نوشتم که با مطالعه این مقاله 🔮 میتونید کانتکست رو درک کنید و باهاش کار کنید لینک قسمت اول مقاله http://vrgl.ir/8UHC0…
https://twitter.com/nima_arf/status/1260402103886983174?s=21
یه پیش نویس از مقاله جدیدم رو اینجا منتشر کردم
شما از اول نیازی به گلوبال استیت نداشتید
یه پیش نویس از مقاله جدیدم رو اینجا منتشر کردم
شما از اول نیازی به گلوبال استیت نداشتید
Twitter
Nima Arefi
آتیشارو اون زیر تو قسمت کامنتای ویرگول ببینما 🔥🔥🔥 شما از اول به گلوبال استیت نیازی نداشتید (ادامه دارد | #رشتو) https://t.co/3mBKHrFK1t
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 اومد
برای ارتقا به این نسخه کافیه دستور زیر رو داخل ترمینال وارد کنید
@react_ir
- 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
@react_ir
GitHub
Release v4.0.0 · facebook/create-react-app
4.0.0 (2020-10-23)
Create React App 4.0 is a major release with several new features, including support for Fast Refresh!
Thanks to all the maintainers and contributors who worked so hard on this r...
Create React App 4.0 is a major release with several new features, including support for Fast Refresh!
Thanks to all the maintainers and contributors who worked so hard on this r...
یادم رفت اینو بگم لازم نیست برید تو تک تک فایل‌های پروژه و دستور ایمپورت react رو پاک کنید
ابزاری هستش که به صورت اتوماتیک این کار رو انجام میده
کافیه ترمینال سیستم عامل رو باز کنید (رو ویندوز همون CMD) و با دستور cd مسیر ترمینال رو به پوشه پروژه تغییر بدید و دستور زیر رو اجرا کنید
بعد از چند لحظه تمامی ایمپورت ها به صورت اتوماتیک آپدیت میشن 😉
فرقی نمی‌کنه که از razzle یا next یا create-react-app استفاده کرده باشید این codemod با همه ابزارها سازگار هستش (صرفا میگرده دنبال فایل‌هایی با پسوند js و jsx و tsx و هرچی import مربوط به React هستش رو تغییر میده)
@react_ir
ابزاری هستش که به صورت اتوماتیک این کار رو انجام میده
کافیه ترمینال سیستم عامل رو باز کنید (رو ویندوز همون 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
تفاوت یک خط ایپمورت برای lodash میتونه ۲۲ کیلوبایت اونم gzip باشه (به زبان دیگه فاجعه)
اشتباه:
import { get } from "lodash"
درست:
import get from "lodash/get"
آیا تمامی کتابخونه ها به همین شکل هستن؟
خیر، ولی اگر همچین مشکلی باشه و درست tree shake نشه تو مستندات سایتش نوشته شده و با خوندن مستندات متوجه میشید (برای مثال material-ui)
(تست شده با وب پک ۴ و react scripts نسخه ۴)
@react_ir
Please open Telegram to view this post
VIEW IN TELEGRAM