Ditty | دیتی

🔺با HTTP Caching و نحوهٔ کارکرد اون توی مرورگر آشنا بشیم - توی این پست می‌خوایم با چند هدر HTTP آشنا بشیم که بطور اختصاصی برای Caching و مدیریت ذخیره‌سازی اطلاعات استفاده میشن - این تکنیک با حذف کردن درخواست‌های HTTP اضافی، استفاده از پهنای باند رو به شکل قابل توجهی کاهش میده که نتیجهٔ اون افزایش سرعت و عملکرد برنامه‌های فرانت‌اندی هست - جدیدترین پست دیتی: ditty.ir/545 #frontend

🔺 توی برنامه‌های فرانت‌اندی، آیا تفاوت Building و Bundling رو می‌دونیم؟ 🤔 تفاوت Minify و Uglify چطور؟ - توی این پست دیتی می‌خوایم ۶ واژه که شبیه به هم هستن رو بررسی کنیم: ditty.ir/543 #frontend

نسخهٔ PDF

🔺یک منبع به‌روز و پر از آموزش و نکتهٔ برای فرانت‌اند: https://frontendmasters.com/guides/front-end-handbook/2024 #links

🔺تصاویر، فونت‌ها، اسکریپت‌ها و فایل‌های یک برنامهٔ فرانت‌اندی رو چطوری مدیریت کنیم؟ 🤔 - یکی از مهارت‌هایی که به‌عنوان توسعه‌دهندهٔ فرانت‌اند باید اون رو بلد باشیم، نحوهٔ مدیریت Asset های برنامه هست - توی این پست نکته‌ها و تجربیاتی رو برای مدیریت Asset ها (فایل‌ها و تصاویر و ...) توی برنامه‌های فرانت‌اند براتون به اشتراک گذاشتم: ditty.ir/540 #tips

سلام دوستان، عیدتون مبارک 👋 - نسخهٔ PDF برای ۸۰ سوال مصاحبهٔ فرانت‌اند و ۷۰ سوال مصاحبهٔ جاوااسکریپت رو می‌تونین دانلود کنین 👇 • 80 FE Interview Questions • 70 JavaScript Interview Questions #interview

🔺توی جاوااسکریپت و مبحث پرامیس‌ها، تفاوت متدهای race و any چیه؟ متد all و allSettled چطور؟ 🤔 - این متدها که از Promise به صورت استاتیک قابل دسترس هستن (یعنی مثلاً ()Promise.resolve یا ()Promise.race) کاربردهای زیادی دارن و بهمون کمک می‌کنن یک برنامهٔ سریع‌تر و پویاتر داشته باشیم. توی این پست این متدها رو بررسی می‌کنیم و با مثال‌هایی از کاربرد اونها توی دنیای واقعی آشنا می‌شیم: ditty.ir/537 #javascript

🔺ترفند ری‌اکتی - توی ری‌اکت وقتی از useState استفاده می‌کنیم، برای مقدار اولیه اون، بجای پاس دادن مقدار به‌صورت مستقیم می‌تونیم اون رو توی یک کال‌بک محصور کنیم (مثل عکس) - توی عکس همونطور که می‌بینیم، تابعی داریم به اسم heavyCalculation که مثلاً کار سنگینی انجام میده و می‌خوایم خروجی اون رو به عنوان مقدار useState قرار بدیم - می‌تونستیم این کار رو بدون استفاده از کال‌بک هم انجام بدیم، که توی این حالت باید بدونیم که هر بار که این کامپوننت رندر میشه، تابع پاس داده‌شده هم مجدد اجرا میشه. که اگه عملیات ما سنگین باشه باعث افت عملکرد کامپوننت میشه - حالا وقتی که تابع یا یک عملیات سنگین رو توی یک کال‌بک محصور می‌کنیم، ری‌اکت توی رندر ابتدایی، این کال‌بک رو اجرا و توی رندرهای بعدی از خروجی این کال‌بک (که توی رندر ابتدایی محاسبه شده) استفاده می‌کنه. یعنی فقط یک بار اجرای اون عملیات سنگین - از این ترفند بهتره زمانی استفاده کنیم که واقعاً عملیات سنگینی داریم که هر بار اجرای اون، عملکرد کامپوننت رو تحت تأثیر قرار میده - مشاهدهٔ نمونه عملی #react

سال قبل کلی پیام از شما گرفتم که مشکلات و دغدغه‌هاتون رو با من در میون گذاشتین. اگه بخوام همه این تجربه رو توی یک جمله خلاصه کنم، میشه: «یکمی بیشتر با هم مهربون باشیم» سال نو همگی دوستان مبارک باشه 👋 #1403

🔺آشنایی با ویژگی‌های جدید جاوااسکریپت (ES14) - توی اکمااسکریپت ١۴ ویژگی‌های جالبی رو داریم از جمله چند متد کاربردی مربوط به آرایه‌ها - توی این پست با این ویژگی‌ها که توی جدیدترین نسخه‌های جاوااسکریپت و تایپ‌اسکریپت در دسترس هستن آشنا بشیم: https://ditty.ir/536 #javascript