🔺توی جاوااسکریپت و مبحث پرامیس‌ها، تفاوت متدهای race و any چیه؟ متد all و allSettled چطور؟ 🤔

- این متدها که از Promise به صورت استاتیک قابل دسترس هستن (یعنی مثلاً ()Promise.resolve یا ()Promise.race) کاربردهای زیادی دارن و بهمون کمک می‌کنن یک برنامهٔ سریع‌تر و پویاتر داشته باشیم. توی این پست این متدها رو بررسی می‌کنیم و با مثال‌هایی از کاربرد اونها توی دنیای واقعی آشنا می‌شیم:
ditty.ir/537

#javanoscript

یه لیست فوق‌العاده از ۱۰۰ پروژه در دسته‌های مختلف که کمک می‌کنه در هر سطحی هستید، بتونید مهارت برنامه‌نویسیتون رو بهبود بدید

اگر دنبال ایده برای پروژه هستید از دستش ندید

https://github.com/florinpop17/app-ideas
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101

یه ویدئوی عالی درباره‌ی نحوه کار Event Loop، Web APIs و Task Queue در جاوااسکریپت که خیلی جالب بود!

https://youtu.be/eiC58R16hb8?si=rFgZIo_I0Lh3rQ03

------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101

جاوااسکریپت یک زبان تک‌ترد است، به این معنی که در هر لحظه فقط می‌تواند یک عملیات را اجرا کند. برای مدیریت عملیات‌های غیرهم‌زمان (asynchronous)، مفاهیمی مانند حلقه رویداد (Event Loop)، وب APIها (Web APIs) و صف‌های وظیفه (Task Queues) در این زبان وجود دارند.

پشته فراخوانی (Call Stack): محل ذخیره‌سازی توابعی است که قرار است اجرا شوند. هر زمان که تابعی فراخوانی می‌شود، به بالای پشته افزوده می‌شود و پس از اتمام اجرا، از پشته خارج می‌شود.

وب APIها (Web APIs): مرورگرها مجموعه‌ای از APIها را فراهم می‌کنند که امکان انجام عملیات‌های غیرهم‌زمانی مثل تایمرها (setTimeout)، درخواست‌های شبکه‌ای (fetch) و مدیریت رویدادها را می‌دهند. این عملیات‌ها خارج از پشته فراخوانی و در محیط مرورگر انجام می‌شوند.

صف وظایف (Task Queue): زمانی که یک عملیات غیرهم‌زمان به پایان می‌رسد، تابع بازگشتی آن در صف وظایف قرار می‌گیرد تا زمانی که پشته فراخوانی خالی شود، در نوبت اجرا قرار گیرد.

حلقه رویداد (Event Loop): مکانیزمی است که به‌طور مداوم بررسی می‌کند آیا پشته فراخوانی خالی است یا خیر. اگر خالی باشد، اولین تابع از صف وظایف را به پشته اضافه کرده و اجرا می‌کند. این فرایند به جاوااسکریپت این امکان را می‌دهد که عملیات‌های غیرهم‌زمان را مدیریت کند و یک رابط کاربری پاسخ‌گو ایجاد نماید.

صف میکروتسک‌ها (Microtask Queue): این صف حاوی وظایفی با اولویت بالاتر است، مانند توابع بازگشتی مربوط به Promiseها. حلقه رویداد ابتدا تمام میکروتسک‌ها را قبل از پردازش تسک‌های عادی از صف وظایف اجرا می‌کند.
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101

💡 کلاس WeakMap در PHP: قهرمان خاموش برای مدیریت حافظه
در زمان توسعه بخش‌های پرفورمنس‌محور یک اپلیکیشن، متوجه شدم که WeakMap می‌تونه یه قهرمان خاموش باشه که زمانی که بهش نیاز داری، به دادت می‌رسه.

🔍 کلاس WeakMap چیست؟
در ظاهر، WeakMap مثل یه store کلید-مقدار عادی به نظر میاد. اما تفاوت اصلی اینجاست که WeakMap کلیدها رو به صورت weak reference نگه می‌داره، یعنی وقتی شی از حافظه پاک میشه، WeakMap به‌طور خودکار اون ورودی رو حذف می‌کنه. این ویژگی باعث میشه که نیازی به پاک‌سازی دستی داده‌ها نباشه و هیچ‌گونه حافظه‌ای به طور نادرست مصرف نشه.

📌 چرا این ویژگی اهمیت داره؟
فرض کنید در حال ساخت یک مدیریت مستندات یا مدیریت تصاویر هستید. هر شی (مثل یک فایل یا تصویر) ممکنه متادیتای پرهزینه‌ای برای محاسبه داشته باشه. می‌خواهید این متادیتا رو در هنگام استفاده از شی کش کنید ولی نیازی به پاک‌سازی دستی و نگرانی از نشت حافظه ندارید.

🛠 نمونه کد:
در کدی که در تصویر مشاهده میکنید . ما از WeakMap برای کش کردن متادیتای اشیاء استفاده می‌کنیم


🚀 نتیجه‌گیری

در نتیجه WeakMap برای مواردی مثل مدیریت کش متادیتا یا پردازش‌های پرهزینه بسیار مفیده، چرا که از نشت حافظه جلوگیری می‌کنه و با خودکار حذف کردن ورودی‌ها از حافظه، کار رو برای برنامه‌نویس راحت‌تر می‌کنه.

🔗 منبع: مقاله

#PHP #MemoryManagement #WeakMap #Cashing #Development #Backend #OptimizedCode


@panicdev

🔥 یه ابزار خفن برای دولوپرای React!
اگه می‌خوای بدون دردسر بفهمی کدوم کامپوننت‌ها توی پروژه‌ت باعث کندی شدن اپ شدن، React Scan رو از دست نده!

🧠 چی کار می‌کنه؟
ابزار React Scan به‌صورت خودکار مشکلات پرفورمنس رو توی اپ Reactت شناسایی می‌کنه. لازم نیست هیچ تغییری تو کدت بدی یا دیباگرهای پیچیده استفاده کنی. فقط اسکریپتش رو بذار، خودش باقی کارا رو انجام می‌ده 😎

✅ بدون نیاز به تغییر کد
✅ کامپوننت‌هایی که نیاز به بهینه‌سازی دارن رو هایلایت می‌کنه
✅ با همه‌چی سازگاره: Next.js، Vite، Remix و حتی با یه تگ ساده <noscript> توی HTML هم راه می‌افته!

دموی آنلاینشم داره،
🧪 لینک دمو
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101

بیشترین حقوق درخواستی برای سنیورها (بطور میانگین) طبق گزارش جاب ویژن برای برنامه نویس های گولنگ هست، سال گذشته هم به همین شکل بود اگه اشتباه نکنم. و البته این آمار مطابقت داره با گزارش stackoverflow که معمولا در سال های اخیر برنامه نویس های گولنگ در دسته چند مهارت با بیشترین پرداختی هستند.

https://lnkd.in/dNnEFu3K
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101

شورت‌کات وی‌اس‌کد ویندوز 📕
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101

FUN 😁
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101

یه ابزار خوب برای فرانت دولوپرها

این ابزار میتونه از طریق swagger v2 یا openAPI v3 بیاد درخواست های fetch رو بنویسه و میتونه بیاد validation با zod و به صورت type-safe براتون انجام بده. ( از فرمت های yaml و json پشتیبانی میکنه )

❇️ نحوه کار :
این ابزار رو به صورت dev dependencies نصب میکنید و یک فایل config داره که مشخص میکنید و به سادگی با یه دستور fetchها یا validationهای شما آماده است.

⚙️ کانفیگ :
اگر در داکیومنت Orval توجه کنید از انواع موارد مختلف پشتیبانی میکنه ، برای مثال شما میتوانید از axios یا fetch api یا react query یا vue query یا انگیولار یا zod ( برای valition ) و تا ترکیبی از fetch و validation بهرمند شوید.

📖 برای مطالعه بیشتر حتما به داکیومنت Orval مراجعه کنید.

https://orval.dev
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101

https://orval.dev
اگه فرانت کارین orval رو دریابین حداقل ۳۰ درصد تو پروژه دستتو جلو میندازه
کافیه swagger رو بهش بدین براتون میاد جنریت میکنه api هارو و کنفیگ پذیره میتونید از هرچی خواستین استفاده کنین اینارو ساپورت میکنه
react query
fetch
axios
swr
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101

صفحه لاگین طلاسی – نسخه فرانت‌اند

صفحه لاگین پروژه‌ی طلاسی با استفاده از Bootstrap توسعه داده شده و حالا به‌صورت متن‌باز روی گیت‌هاب قرار گرفته.
مشاهده در گیت‌هاب:
github.com/mehrshad2020/talasi-auth-frontend
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101