Forwarded from Amin
سلام دوستان
چندتا سوال ریکتی دارم
ممنون میشم نظرات آقا نیما @Nima_arf وبقیه دوستا رو بدونم در موردشون
در مورد razzle و نحوه استفاده از اون، مزایایی استفاده از اون میخواستم بدونم....آیا جای ssr رو میتونه پر کنه؟
اگر سورس و آموزش یا هر لینک مفیدی هست لطفا قرارش بدید
چندتا سوال ریکتی دارم
ممنون میشم نظرات آقا نیما @Nima_arf وبقیه دوستا رو بدونم در موردشون
در مورد razzle و نحوه استفاده از اون، مزایایی استفاده از اون میخواستم بدونم....آیا جای ssr رو میتونه پر کنه؟
اگر سورس و آموزش یا هر لینک مفیدی هست لطفا قرارش بدید
Forwarded from Nima Arefi
جواب کوتاه
استفاده از after + razzle به شما کمک میکنند که SSR کنید و این ۲ ابزار برخلاف چیزی که فکر می‌کنید (که میگید SSR کنیم یا از Razzle استفاده کنیم) به شما کمک میکنن که SSR رو انجام بدید
یه جورایی ابزاری هستند که SSR رو راحت میکنن
کنار ترکیب razzle + after یک ابزار خیلی خفن دیگه ام هست به نام next که اونم حرف نداره
پیشنهاد من اینکه اول after رو بخونید و بعدش برید دنبال next چون نکست خیلی با پروژه‌هایی که تا الان میزدیم فرق داره (مخصوصا router نکست) ولی after خیلی خیلی شبیه پروژه‌های فعلی خودمونه
یه جورایی after یه چیزی بین create react app و next هستش …
یه پله هستش که به شما کمک میکنه next رو ۱۰۰ بار ساده تر و راحت تر یاد بگیرید (رو این مورد رو من حساب کنید)
جواب بلند در ۲ تا ویس زیر
https://t.me/reactGroup/68965
https://t.me/reactGroup/68968
استفاده از after + razzle به شما کمک میکنند که SSR کنید و این ۲ ابزار برخلاف چیزی که فکر می‌کنید (که میگید SSR کنیم یا از Razzle استفاده کنیم) به شما کمک میکنن که SSR رو انجام بدید
یه جورایی ابزاری هستند که SSR رو راحت میکنن
کنار ترکیب razzle + after یک ابزار خیلی خفن دیگه ام هست به نام next که اونم حرف نداره
پیشنهاد من اینکه اول after رو بخونید و بعدش برید دنبال next چون نکست خیلی با پروژه‌هایی که تا الان میزدیم فرق داره (مخصوصا router نکست) ولی after خیلی خیلی شبیه پروژه‌های فعلی خودمونه
یه جورایی after یه چیزی بین create react app و next هستش …
یه پله هستش که به شما کمک میکنه next رو ۱۰۰ بار ساده تر و راحت تر یاد بگیرید (رو این مورد رو من حساب کنید)
جواب بلند در ۲ تا ویس زیر
https://t.me/reactGroup/68965
https://t.me/reactGroup/68968
Telegram
Nima Arefi in React Group
Forwarded from Amin
در استایل دهی توی ری اکت برای اسکیل های کوچک و متوسط یا بزرگ چه راهی رو پیش بریم بهتره؟
از css in js هایی مثل StyledComponent استفاده کنیم یا کلا به سمت css moudle بریم
کدوم پرفورمنش بهتری برای سایت و خوانایی بیشتری در زمینه کد و... داره؟
از css in js هایی مثل StyledComponent استفاده کنیم یا کلا به سمت css moudle بریم
کدوم پرفورمنش بهتری برای سایت و خوانایی بیشتری در زمینه کد و... داره؟
Forwarded from Nima Arefi
جواب کوتاه
tailwindcss + purgecss
بیشتر مواقع نیازی به استفاده از css in js نیست
جواب بلند داخل ویس ۱۷ دقیقه‌ای
https://t.me/reactGroup/68975
tailwindcss + purgecss
بیشتر مواقع نیازی به استفاده از css in js نیست
جواب بلند داخل ویس ۱۷ دقیقه‌ای
https://t.me/reactGroup/68975
Telegram
Nima Arefi in React Group
Forwarded from Nima Arefi
styled-components
CSS for the <Component> Age
Forwarded from Nima Arefi
MDN Web Docs
Using CSS custom properties (variables) - CSS | MDN
Custom properties (sometimes referred to as CSS variables or cascading variables) are entities defined by CSS authors that represent specific values to be reused throughout a document. They are set using the @property at-rule or by custom property syntax…
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