شماره‌ی آبان ماه ۱۴۰۲

هویج تایمز آبان ماه ۱۴۰۲

نکست ۱۴ به بار اومد!

  • سریع تر شدن قابل توجه turbopack
  • پایدار شدن Server actions
  • بروزرسانی NextJS Learn
  • شیوه‌ی تازه‌ی رندر کردن | Partial Prerendering و بلاگ نکست

نسخه‌ی ۱۷ Angular با تغییرات چشم گیر

https://goo.gle/angular-event

تولدی دوباره برای فریم‌ورک انگولار، از تغییر لوگو تا ویژگی‌های انقلابی دیگر

  • لوگو و سایت جدید
  • بهبود سرعت به لطف vite و esbuild، پیشفرض
  • پیاده سازی ساده تر SSR
  • خداحافظی با ngIf, ngFor, ngSwitch, etc و سلام به @if, @else, @for, @switch
  • سینتکس جدید template، نسخه پیشرفته تر lazy load به نام @defer

تنوری دو ور خاش‌خاشی | Vite 5

از ورژن ۴ ویت یک سال میگذره و دانلود هفتگی ویت روی npm از ۲.۵ میلیون بار در هفته به ۷.۵ میلیون بار در هفته رسیده!

مهم‌ترین تغییراتش:

  • سویچ به rollup 4
  • عدم پشتیبانی از nodeJS های قدیمی تر از 18
  • بهبود پرفورمنس

می‌تونید changelog بسیار بلند بالاش رو هم یه نگاه بندازید.

تایپ اسکریپت رو دور بریزیم؟

به تازگی پروژه‌های بزرگی مثل Turbo و Svelte تایپ‌اسکریپت رو کنار گذاشتند و با pure js پروژه‌ها رو ادامه میدن، اگر کنجکاو هستید چرا حتما ویدیوی لینک‌شده به تایتل رو ببینید و تا اطلاع ثانوی توی پروژه‌ها خودتون و شرکت از تایپ‌اسکریپت استفاده کنید.

جاوااسکریپت عجیبه

این سایت یه پروژه‌ی جالبه که ۲۵ تا سوال میپرسه ازتون و می‌تونید نکات جالبی رو ازش کشف کنید، هدفش هم اینه که بدونیم چرا جاوااسکریپت عجیبه و اگر بدونیم دیگه عجیب نیست.

چک لیست پرفورمنس برای فرانت‌اند

چک لیست پرفورمنس فرانت اند به صورت کلی:

https://github.com/thedaviddias/Front-End-Performance-Checklist

نسخه‌ی فارسی از صالح فدائی

چک لیست پرفورمنس ری اکت: https://github.com/coryhouse/reactjsconsulting/issues/77

استفاده از React Devtools برای بررسی پرفورمنس:

https://youtu.be/Qwb-Za6cBws?si=YvHsufY8q4wJ6zge

استفاده از signal:

https://youtu.be/SO8lBVWF2Y8?si=srKZbuy8Ig_fSOnz

این مطلب هم جالبه

https://web.dev/articles/rendering-performance

نکاتی به سوی سینیوریتی

کیفیت های یه سنیور به سابقه کارش نیست، در عوض:

  • به اینه که بتونه مسئولیت کارش رو به عهده بگیره، بدون بهانه تراشی برای مشکلاتی که از پیش بوده
  • به اینه که بتونه روی دیگران با رفتار حرفه ایش تاثیر بذاره، که منجر به رشد تیم و سازمان بشه
  • به اینه که بتونه ابعاد مختلف پروژه رو درنظر بگیره و در زمان مناسب راه حل مناسب رو پیش بگیره
  • به اینه که برای کاری که بهش سپرده شده،‌ Ownership کامل داشته باشه و قابل اتکا باشه
  • به اینه که بتونه زمان خودش و تیمش رو درست مدیریت کنه

وگرنه صرف اینکه شما ۱۰ سال سابقه کار داشته باشی به عنوان سنیور شناخته نمیشی.

ابزار خدایان، LocatorJS

گاهی وقتا واقعا inspect element کافی نیست و برای اینکه به کامپوننتی که دنبالش هستی برسی باید کلی سرچ کنی بین فایل‌ها و متن‌ها تا برسی بهش، با این ابزار وقتی روی یه کامپوننت کلیک کنی، کدش توی کدادیتور خودت برات باز میشه!

چطور React Forget می‌تونه باعث کنارگذاشتن useMemo و useCallback بشه؟

پیشنهاد سرآشپز:

درست کردن فلوهایی همچون miro و figJam با افکت‌های بسیار زیبا

حذف CSS های استفاده نشده و اضافی در پروژه در build time

فراتر از tailwind و فراتر از آن | بیشتر بخوانید

جعبه ابزار فانکشن‌های پر استفاده، تایپ اسکریپتی و بسیار سبک

تحولی در فونت‌های وب

خوانا تر کردن عنوان‌ها با شکستن متن از جای متقارن تر

تهیه شده توسط:

محمود صاحبی، محمد ایزنلو و صالح شجاعی

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *