مصطفی رستگار·۳ ماه پیش06- Mocking در تست‌ها (ماژول‌ها، API calls، توابع تاریخ/زمان)Mocking در تست‌ها (ماژول‌ها، API calls، توابع تاریخ/زمان)پاسخ به سوال Mocking در تست‌هاسلام. بگذارید این موضوع را با یک مثال ساده و قابل لمس توضیح بدهم. فرض کنید می‌خواهیم کیفیت یک خودرو را تست کن…
مصطفی رستگار·۳ ماه پیش05- Testing (Unit با Jest/Vitest، Integration با RTL، E2E با Playwright)پاسخ به سوال تست‌نویسی (Unit, Integration, E2E)برای شروع، اجازه دهید یک دید کلی به شما بدهم. در پروژه‌های React و Next.js، ما تست‌نویسی را…
مصطفی رستگار·۳ ماه پیش04- Lighthouse و Web Vitals (اندازه‌گیری در Production)سناریو: مدیر محصول به شما می گوید "کاربران می گویند سایت کند است، اما من که تست می کنم سریع است!" شما چطور این مسئله را با استفاده از Light…
مصطفی رستگار·۳ ماه پیش03- Performance Metrics (LCP, FID, CLS, TTI, TBT)عملکرد وب و معیارهای کلیدی (Core Web Vitals)اجازه بدهید این مفاهیم را با یک تشبیه ساده شروع کنم. فرض کنید کاربر وارد یک رستوران (وبسایت) می…
مصطفی رستگار·۳ ماه پیش01- State Management Strategy (کدام ابزار برای چه سناریویی؟) State Management Strategy (کدام ابزار برای چه سناریویی؟)اینجا یک پاسخ کاملاً روان، ساختاریافته و قابل‌ارائه در مصاحبه فنی برای سطح Senior…
مصطفی رستگار·۳ ماه پیش28- Cache Invalidation استراتژی‌ها (بر اساس tags و paths)برای مصاحبه فنی، بهترین روش این است که اول مسئله را توضیح دهی، بعد راه‌حل را، و در آخر مثال عملی بزنی. در ادامه یک متن آماده و روان برای بی…
مصطفی رستگار·۳ ماه پیش26- Streaming SSR و Suspense در Next.js (رندر تدریجی HTML و TTFB)قسمت Streaming SSR و Suspense۱. شروع مکالمه (بیان مشکل قدیمی):"اگر بخواهم خیلی ساده توضیح بدهم، قبلاً در خیلی از فریمورک‌ها، وقتی کاربر درخ…
مصطفی رستگار·۳ ماه پیش25- Turbopack vs Webpack (تفاوت معماری و زمان بیلد)مقدمه:"هر دو Webpack و Turbopack، ابزارهای bundler (بسته‌ساز) هستند؛ یعنی کدهای ما (ماژول‌ها، کامپوننت‌ها، فایل‌های CSS و تصاویر) را گرفته…
مصطفی رستگار·۳ ماه پیش24- Module Federation در Next.js (Micro-frontend)«ماژول فدریشن یک تکنیک در دنیای جاوااسکریپت است که به ما اجازه می‌دهد چند اپلیکیشن مجزا را در حین اجرا (Runtime) به هم متصل کنیم. یعنی بدون…
مصطفی رستگار·۳ ماه پیش23- React Server Components Payload (انتقال داده سرور به کلاینت)سناریو: نمایش لیست محصولات با قیمت‌گذاری لحظه‌ایفرض کنید اپلیکیشن فروشگاهی داریم که قیمت محصولات باید از دیتابیس خوانده شود و با تخفیف‌های…
