Forwarded from Amin
و اینکه نظرتون در مورد استفاده از gatsby چیه عزیزان؟
میشه سایت های دینامیک مثل فروشگاه رو هم باهاش بالا آورد؟
دیتاهای دینامیک مثل کوئری های سرچ رو چطوری باید توش منیج کرد؟
میشه سایت های دینامیک مثل فروشگاه رو هم باهاش بالا آورد؟
دیتاهای دینامیک مثل کوئری های سرچ رو چطوری باید توش منیج کرد؟
Forwarded from Nima Arefi
جواب کوتاه گتسبی عالیه حرف نداره :)
به قدری optimize میکنه سایت رو که اصلا چیزایی که optimize میکنه رو بخونیشون هنگ می کنی
ولی یه مشکلی داره و اونم اینکه همه چی build time انجام میشه و برای سایت‌هایی که دیتاهاشون دم به دقیقه عوض میشه خوب نیست
سایتی که دیتاش دم به دقیقه عوض نمیشه = وبلاگ و جدول لیگ برتر (صرفا ۲ بار تو هفته بازی برگذار میشه، تو اون ۲ روزم ۱۰،۱۲ بازی داریم پس دم به دقیقه عوض نمیشه)
سایتی که دم به دقیقه عوض میشه = دیجیکالا
البته صرفا همه فروشگاه های آنلاین دیتاشون دم به دقیقه عوض نمیشه پس میشه با گتسبی زد تا خیلی خیلی خیلی سریع بشه سایت
قبل از خوندن gatsby باید با JAM Stack آشنا بشید
جواب بلند ویس زیر:
https://t.me/reactGroup/68991
به قدری optimize میکنه سایت رو که اصلا چیزایی که optimize میکنه رو بخونیشون هنگ می کنی
ولی یه مشکلی داره و اونم اینکه همه چی build time انجام میشه و برای سایت‌هایی که دیتاهاشون دم به دقیقه عوض میشه خوب نیست
سایتی که دیتاش دم به دقیقه عوض نمیشه = وبلاگ و جدول لیگ برتر (صرفا ۲ بار تو هفته بازی برگذار میشه، تو اون ۲ روزم ۱۰،۱۲ بازی داریم پس دم به دقیقه عوض نمیشه)
سایتی که دم به دقیقه عوض میشه = دیجیکالا
البته صرفا همه فروشگاه های آنلاین دیتاشون دم به دقیقه عوض نمیشه پس میشه با گتسبی زد تا خیلی خیلی خیلی سریع بشه سایت
قبل از خوندن gatsby باید با JAM Stack آشنا بشید
جواب بلند ویس زیر:
https://t.me/reactGroup/68991
Telegram
Nima Arefi in React Group
و در آخر چرا اینقدر این optimize کردن و performance مهمه؟
محتوای خوب + سرعت بالای سایت = صفحه اول گوگل
در نتیجه performance یه جورایی میشه اصل SEO اینکه ۴ تا متا تگ رو بزاری تو سایتت اسمش SEO نیست
@reactProblem
محتوای خوب + سرعت بالای سایت = صفحه اول گوگل
در نتیجه performance یه جورایی میشه اصل SEO اینکه ۴ تا متا تگ رو بزاری تو سایتت اسمش SEO نیست
@reactProblem
Forwarded from Eddie Cooro 🏴
FLIGHT PROTOCOL GRAMMAR
Response
- JSONData RowSequence
- JSONData
RowSequence
- Row RowSequence
- Row
Row
- "J" RowID JSONData
- "H" RowID HTMLData
- "B" RowID BlobData
- "U" RowID URLData
- "E" RowID ErrorData
RowID
- HexDigits ":"
HexDigits
- HexDigit HexDigits
- HexDigit
HexDigit
- 0-F
URLData
- (UTF8 encoded URL) "\n"
ErrorData
- (UTF8 encoded JSON: {message: "...", stack: "..."}) "\n"
JSONData
- (UTF8 encoded JSON) "\n"
- String values that begin with $ are escaped with a "$" prefix.
- References to other rows are encoding as JSONReference strings.
JSONReference
- "$" HexDigits
HTMLData
- ByteSize (UTF8 encoded HTML)
BlobData
- ByteSize (Binary Data)
ByteSize
- (unsigned 32-bit integer)
*/
Forwarded from توییتر فرانت اند
⚛️ با هوک useWorker میتونید تسک های به شدت سنگین (مثل sort کردن یه آرایه با ۵ میلیون عضو رندوم!) که تو اپ #React انجام میدید رو بجای thread اصلی مرورگر، بفرستید به Web Worker تا جلوی رندر شدن UI رو نگیره
https://twitter.com/kiarash_zar/status/1257410749003173888?s=20
لینک گیتهاب این پکیج 🎉
@frontendtwitter
https://twitter.com/kiarash_zar/status/1257410749003173888?s=20
لینک گیتهاب این پکیج 🎉
@frontendtwitter
Twitter
Kiarash Z
⚛️ useWorker() - A #React Hook for Blocking-Free Background Tasks. By using this hook, you can avoid heavy blocking UI tasks by sending them to Web Worker. Github: https://t.co/APYtpEnWhs
Web Animations API improvements in Chromium 84
https://web.dev/web-animations/
https://web.dev/web-animations/
web.dev
Web Animations API improvements in Chromium 84 | Articles | web.dev
Wrangling your web animations is about to get much easier.