🥕 شماره خرداد ماه ۱۴۰۳

نسخه 2 Turborepo منتشر شد

رابط کاربری جدید در ترمینال
اضافه شدن watch-mode که به صورت بهینه تغییرات در دیپیندنسی‌ها رو شناسایی می‌کنه
داکیومنت کاملا جدید با مثال‌ها و توضیحات بازنویسی شده

ری‌اکت 19 و باز هم دراما

نسخه RC.0 ری‌اکت که به نسخه نهایی نزدیکه به تازگی منتشر شده که خبر خوبیه اما در این نسخه رفتار Suspense یه تغییر کوچیک کرده که باعث واکنش‌های بزرگی شده. اینطوری که در یک Suspense Boundary کامپوننت‌های زیر مجموعه به صورت نوبتی (sequential) رندر می‌شن در حالی که قبلا موازی (parallel) رندر می‌شدن. این اتفاق اعتراض علما و صلحا رو از اقصی نقاط دنیا برانگیخته و تیم ری‌اکت هم وقتی دید هوا پسه گفت پس ما بریم رو بالکن یه سیگار بکشیم ببینیم چه گلی به سر بگیریم. تیم ری‌اکت گفته دلیل انتخابشون بهبود پرفورمنس و جلوگیری از رندر بی‌دلیل همه کامپوننت‌های زیرمجموعه یک Suspense Boundary ه، وقتی در حالت pending قراره به هر حال با یک fallback جایگزین بشن. این تغییر برای مثال باعث می‌شه React.lazy و همینطور پترن‌های fetch-as-you-render تاخیر بخورن.

نسخه Release Candidate 15 فریمورک Next.js

نسخه RC یا همون Release Candidate نکست ۱۵ منتشر شد

پشتیبانی از ری‌اکت 19
پشتیبانی آزمایشی از ری‌اکت کامپایلر با پلاگین Babel
بهبود Hydration error و نمایش تفاوت بین کانتنت سرور و کلاینت
غیر فعال بودن کش route handler ها و fetch به صورت پیش‌فرض
پشتیبانی از Partial Pre-Rendering با تغییر کانفیگ experimental_ppr روی روت‌ها
بهبود create-next-app و تمپلیت پیشفرض نکست
اضافه شدن next/after به صورت آزمایشی برای اجرای تسک‌های غیر ضروری بعد ارسال پاسخ
بهبود باندل کردن پکیج‌های خارجی serverExternalPackages

Micro Agent: سرانجام، کد با کیفیت با AI

احتمالا شما هم توی تولید یه کامپوننت و کد با کیفیت با AI با چالش‌هایی رو به رو بودید، کدهایی که تولید می‌کنن توی خیلی از موارد مربوط به نسخه‌های قدیمی کتابخونه‌ها هست یا اصلا کد اشتباهی رو تولید می‌کنن و بارها با آزمون و خطا باید سعی کنیم به چیزی که می‌خوایم برسیم. اما با خلاقیت تیم BuilderIO، ما میتونیم TDD پیش بریم و تستی که می‌خوایم رو بنویسیم و AI اینقدر تلاش کنه تا تست‌ها رو pass کنه و اینطوری مطمئنیم که خروجی چیزی میشه که انتظارش رو داشتیم!

HTTPie: مرد پستچی (Postman) رو بازنشسته کن

ساده، زیبا، دلبرا و کار کن. برای جذابیت بیشتر یه کم AI هم بهش اضافه کردن. مثل notion می‌مونه برای تست کردن API.

یک راهنمای جامع از آنالیز پرفورمنس با کروم DevTools

بررسی fabric.js به عنوان یک مثال و بهبود چهاربرابری پرفورمنس با کمک DevTools
بررسی تایم‌لاین برای شناسایی تسک‌های سنگین
آنالیز Flame Chart برای حذف گلوگاه‌ها در کد
استفاده از Bottom-Up Panel برای پیدا کردن low-level فانکشن‌های سنگین

Mermaid: فلوچارت رو کد کن!

آره FigJam و Miro باحال هستن، ولی اگر فلوچارتتون MarkDown باشه و بتونید هر تغییری داخلش دادید رو کامیت کنید چی؟ پری‌دریایی هست که این آرزو رو به واقعیت تبدیل کنه!