کتاب Building Micro-Frontends فصل ۶

مطالبی که توی فصل ششم صحبت شده:
- اتومات‌سازی
- تجربه توسعه‌دهنده (DX)
- ورژن کنترل (Version Control)
- استراتژی‌های CI
- استراتژی‌های دیپلوی

توی این فصل به Lerna، ابزار مدیریت پروژه‌های Monorepo اشاره شده. از این ویدئو می‌تونین برای آشنایی بیشتر استفاده کنین.

پ.ن: خلاصه فصل‌‌های قبل رو با این هشتگ می‌تونین پیدا کنین:
#Building_Micro_Frontends

@techstuff100

کشینگ حرفه‌ای؛ PWA حالت آفلاین

توی این ویدیو یه پروژه PWA رو با Next.js پیاده‌سازی می‌کنیم و می‌بینیم چطور میشه با تکنیک‌های کشینگ سرعت لود صفحات رو بالا برد و اپلیکیشن رو توی حالت آفلاین هم قابل استفاده کرد. از مفاهیم اولیه Service Worker و Life Cycle شروع می‌کنیم، معماری App Shell رو بررسی می‌کنیم، assetهای استاتیک و APIها رو کش می‌کنیم و در نهایت Background Sync رو به پروژه اضافه می‌کنیم.

ویدئو یوتوب:
https://www.youtube.com/watch?v=p7CCPI8phWs&list=PL1bBcWODwsLMUPOu1Vz7orH2brAgKlWAU

@techstuff100

سابسکرایبرای کانال یوتیوب ۳ رقمی شد. شاید عدد کوچیکی باشه؛ ولی برای من کلی انگیزه‌ست ❤️

https://www.youtube.com/@SeyedTechStuff

@techstuff100

کتاب Building Micro-Frontends فصل ۷: Automation Pipeline برای میکرو‌فرانت‌اند‌ها

مطالبی که توی فصل هفتم صحبت شده:
- Version Control
- Pipeline Initialization
- Code-Quality Review
- Build
- Post-Build Review
- Deployment

توی این فصل به Lerna، ابزار مدیریت پروژه‌های Monorepo اشاره شده. از این ویدئو می‌تونین برای آشنایی بیشتر استفاده کنین.

پ.ن: خلاصه فصل‌‌های قبل رو با این هشتگ می‌تونین پیدا کنین:
#Building_Micro_Frontends

@techstuff100

کتاب Building Micro-Frontends فصل ۸: Backend Patterns برای میکرو‌فرانت‌اند

مطالبی که توی فصل هشتم صحبت شده:
- کار با Service Dictionary
- کار با API Gateway
- کار با BFF
- کار با GraphQL
- تعدادی از Best Practices

پ.ن: خلاصه فصل‌‌های قبل رو با این هشتگ می‌تونین پیدا کنین:
#Building_Micro_Frontends

@techstuff100

ویژگی Navigation Preload در Service Worker

وقتی کاربر به صفحه‌ای میره که از service worker استفاده میکنه، مرورگر باید اول این worker رو راه‌اندازی کنه. Navigation Preload به مرورگر میگه که همزمان با راه‌اندازی worker، شروع کن به دانلود کردن صفحه. توی این ویدئو Navigation Preload رو پیاده‌سازی و ریکوئست‌های preload رو توی مرورگر بررسی می‌کنیم.

ویدئوی یوتوب:
https://www.youtube.com/watch?v=6Z2uqN-vGA0&list=PL1bBcWODwsLMUPOu1Vz7orH2brAgKlWAU

@techstuff100

اینکه پست‌های کتاب توسط نویسنده‌ش دیده شد خیلی برام ارزشمند بود.

@techstuff100

استراتژی‌های Caching با Workbox

ورک‌باکس (Workbox) یک کتابخونه قدرتمند برای ساخت PWA هست که توسط گوگل توسعه داده شده و پکیج‌های معروفی مثل next-pwa هم ازش استفاده می‌کنن. Workbox استراتژی‌های کشینگ، background sync، پشتیبانی از حالت آفلاین و ... رو خیلی ساده کرده.

توی این ویدئو Workbox رو به پروژه اضافه می‌کنیم، فایل‌ها و روت‌های مهم رو precache می‌کنیم، فرایند routing رو بررسی می‌کنیم، assetهای استاتیک و APIهامون رو با استراتژی‌های caching، کش و درنهایت background sync رو اضافه می‌کنیم.

ویدئوی یوتوب:
https://www.youtube.com/watch?v=-dVW58yqtHQ&list=PL1bBcWODwsLMUPOu1Vz7orH2brAgKlWAU

@techstuff100

کتاب Building Micro-Frontends فصل ۹: مهاجرت از Monolith به میکروفرانت‌اند

مطالبی که توی فصل نهم صحبت شده:
- زمینه (context) پروژه
- استراتژی‌های مهاجرت
- جزئیات پیاده‌سازی (وظایف app shell، ادغام بک‌اند، پیاده‌سازی Canary Release، چندزبانه و ...)

پ.ن: خلاصه فصل‌‌های قبل رو با این هشتگ می‌تونین پیدا کنین:
#Building_Micro_Frontends

@techstuff100

توی فرایند توسعه نرم‌افزار، به ابزارهایی نیاز داریم که باهاش بتونیم بر اساس دیتا تصمیم‌گیری کنیم. مثلا ببینیم کدوم رنگ دکمه بیشتر کلیک میخوره، کدوم layout فروش بیشتری داره، یا کدوم نسخه از اپلیکیشن engagement بهتری ایجاد می‌کنه. Statsig یکی از پلتفرم‌هایی است که این فرایند رو خیلی آسون کرده. علاوه بر A/B Testing، قابلیت‌های دیگه‌ای مثل Analytics، Feature Gates، Session Replays و خیلی چیزهای دیگه بهمون میده که سرعت توسعه رو بالا می‌بره.

توی این ویدیو بطور کامل این موارد به همراه قابلیت‌های دیگه Statsig مثل Dynamic Configs، Layers و Holdouts رو بررسی می‌کنم.

ویدئوی یوتوب:
https://www.youtube.com/watch?v=kVd4OP6hgAw&list=PL1bBcWODwsLOgA1PLZ8tNca7VMFNPPdm-

@techstuff100