نکست ۱۴ به بار اومد!
- سریع تر شدن قابل توجه turbopack
- پایدار شدن Server actions
- بروزرسانی NextJS Learn
- شیوهی تازهی رندر کردن | Partial Prerendering و بلاگ نکست
نسخهی ۱۷ Angular با تغییرات چشم گیر
تولدی دوباره برای فریمورک انگولار، از تغییر لوگو تا ویژگیهای انقلابی دیگر
- لوگو و سایت جدید
- بهبود سرعت به لطف 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 و فراتر از آن | بیشتر بخوانید
جعبه ابزار فانکشنهای پر استفاده، تایپ اسکریپتی و بسیار سبک
خوانا تر کردن عنوانها با شکستن متن از جای متقارن تر
تهیه شده توسط:
محمود صاحبی، محمد ایزنلو و صالح شجاعی
دیدگاهتان را بنویسید