یه اتفاق جالب!
توی NextJS برای بحث چند زبانه بودن از next-intl استفاده میکنم. تا امروز صبح که یهو از کار افتاد. نشستم دیباگ ها رو خوندم آخر سر فهمیدم ۲ ساعت پیش با اومدن nextjs11 کدشو آپدیت کرده و یه جا سوتی داده :
npm ERR! notarget No matching version found for use-intl@^1.3.11.
در صورتی که همچین ورژنی اصلا نیست. خلاصه با yarn یه جوری هندلش کردم چون وقتی چیزی رو پیدا نکنه بهت اجازه میده ورژن‌های دیگشو توی runTime استفاده کنی. npm این قابلیت رو نداره.
گفتم بزار روی گیت‌هابش issue باز کنم شاید دید. اومدم کارمو شروع کنم پیام داد تشکر کرد گفت باگ رو برطرف کرده ورژن جدید داد و همه چی حل شد.
برای شما هم ممکنه پیش بیاد. اینکه اتفاقی تا دیروز میفتاده امروز دیگه نمیفته لزوما تقصیر شما نیست ولی شما باید پیگیرش بشید حللش کنید. واینکه اگر یه روز پکیج منتشر کردید ، در این حد نسبت بهش احساس مسولیت کنید.
#npm #yarn #github

تبدیل طراحی انجام شده در Figma به صفحه وب واقعی - بخش ۱
#figma #design #webpage

تبدیل طراحی انجام شده در Figma به صفحه وب واقعی - بخش ۲
#figma #design #webpage

آقااا نفهمیدن عیبه ... دیر فهمیدن عیب نیست.
بعد از کلی فر خوردن توی css دوباره رسیدم اول ماجرا.
از من میشنوید به css grid با تمام جزییاتش مسلط بشید. چیزی رو رد نکنید.
به نظر من بهترین لینک یادگیریش هم اینه:
https://css-tricks.com/snippets/css/complete-guide-grid

Always Design for Mobile First

آقا جون زمین و زمان داره میگه. منم چندبار گفتم بازم میگم. ‍`پولتون رو توی صرافی نگه ندارید`.
یه والت سخت افزاری بخرید بریزید اون تو. یا دیگه مجبور شدید روی دستگاه شخصی یا موبایل نگهش دارید.

درون engin جاوااسکریپت V8 چه خبر است؟
ویدیو رکورد شده از دورهمی بچه‌های همین گروه
https://www.youtube.com/watch?v=Yw-JDLUO7j4

CSS Tutorial Zero to Hero (Complete_Course)
#css #web

دوره‌های آنلاین و خصوصی AliTheCodeGuy

مفهموم Specificity در CSS چیست؟ و چرا باید به عنوان یک برنامه نویس فرانت به آن مسلط باشیم؟
‍‍پیشنهاد میکنم این ویدیو رو ببینید حتما. تا قبل این برای خودم جا نیفتاده بود
#css #specificity

#css #specificity

تبدیل طراحی‌های AdobeXD به کد React با پلاگین Anima
#react #adobexd #anima

Next.js Conf Special Edition
ویژگی‌های خیلی خوبی به NextJS11
اضافه شده
#nextjs

خلاصه ویژگی‌هایی که به NextJS11 اضافه شده.
#nextjs

این نکته رو کمتر جایی پیدا می‌کنید که تگ <noscript> توی html هم برای خودش انواع داره و میتونه روی performance صفختون تاثیر بذاره.
------------
There are several ways an external noscript can be executed:
1- If async is present: The noscript is executed asynchronously with the rest of the page (the noscript will be executed while the page continues the parsing)
2- If async is not present and defer is present: The noscript is executed when the page has finished parsing
3- If neither async or defer is present: The noscript is fetched and executed immediately, before the browser continues parsing the page.
Note : The defer attribute is only for external noscripts (should only be used if the src attribute is present).
#html

فیچر جدید NextJS رو ببین جون بابا 😍
استفاده از Blur placeholder قبل از لود شدن کامل عکس ها
<Image src={author} alt="Picture of the author" placeholder="blur" />
#nextjs

خلاصه‌ای از ویژگی‌های NextJS
با وجود این ویژگی‌ها دلیلی نمیبینم یک نفر از چیزی جز Next استفاده کنه.
دوستان صاحب نظر ، به نظرتون Next چه ویژگی‌ای ممکنه کم داشته باشه که برنامه نویس رو مجاب کنه از یه چیز دیگه استفاده کنه؟
#nextjs

خداحافط کروم. حداقل به چشم یک برنامه نویس.
چه قدر توی توسعه اذیتمون کردی.... چه قدر لود cpu و ram رو بردی بالا بدون اینکه بفهمیم داستان چی بود...
چه قدر به react بدبخت به خاطر تو فحش دادیم...
مرورگر brave رو همون شخصی درست که زبان جاوا اسکریپت رو توسعه داده... همه فیچرهای کروم رو داره به علاوه فیچرهای دیگه. ظاهرش هم شبیه کرومه.
مهمتر از همه پروژه‌های react رو در حالت development اذیت نمیکنه.
مهمترینشون هم اینکه fast resfresh روی کروم کار نمیکنه ولی روی brave کار میکنه.
#react #nextjs

next/link : Client-side transitions between routes can be enabled via the Link component exported by next/link.
---------
Any <Link /> that is in the viewport (initially or through scroll) will be preloaded by default. Prefetch can be disabled by passing prefetch={false}
Note: If you need to link to an external page outside the Next.js app, just use an <a> tag without Link.
#nextjs

Next.js does code splitting automatically, so each page only loads what’s necessary for that page. That means when the homepage is rendered, the code for other pages is not served initially.