| Rad Dev (JS) 🖤 |

عنوان ویدئو: تمام مراحل شغلی یک‌ برنامه‌نویس در ایران

این ویدئو خیلی خوب بود. پیشنهاد می‌کنم به عنوان‌ برنامه‌نویس حتما ببینیدش.

🔗 https://www.youtube.com/watch?v=kDRzF4cG4Bc

به تک تک حرفایی که می‌زنه و سن شخص و لول‌ها با دقت گوش بدید.

@Mern_stack_01

شب بخیر.

@Mern_stack_01

لیست الگوریتم‌ها در جاوا اسکریپت:

🔗 https://github.com/TheAlgorithms/JavaScript

الگوریتم‌ها به صورت دسته‌‌بندی‌شده هستن و موارد خیلی خفنی می‌شه یاد گرفت ازش.

@Mern_stack_01

اگه این کانفیگ رو به وی‌اس‌کد اضافه کنید دیگه کلا نیازی به ctrl + s ندارید. خودش سیو می‌کنه:

"files.autoSave": "afterDelay",

@Mern_stack_01

هشدار: ‎تا وقتی نمی‌دونی یه کامند چیکار می‌کنه، اونو ران نکن.

@Mern_stack_01

جونیور: سلامتی، زدم دیتابیس پروداکشن رو پاک کردم.

@Mern_stack_01

می‌دونستین AbortController فقط واسه لغو درخواست های شبکه نیست و می‌شه ازش واسه لغو ایونت‌ها هم استفاده کرد؟

مثلا این‌طوری:

const abortController = new AbortController();

button.addEventListener(
'click',
() => console.log('clicked'),
{ signal: abortController.signal }
);

abortController.abort();

@Mern_stack_01

یه خبرنامه تخصصی واسه ری‌اکت پیدا کردم.

ازتون یه ایمیل می‌گیره و به صورت هفتگی با اسم React Digest واستون اخبار و اتفاقات پیرامون ری‌اکت رو می‌فرسته.

🔗 https://reactdigest.net/

@Mern_stack_01

یه سوال خوب: تو کد زیر x باید چه عددی باشه؟

const x = ?

console.log(x === x + 1); // true

پاسخ: چند جواب ممکن وجود داره اما هدف سوال این جوابه:

const x = Number.MAX_SAFE_INTEGER + 1;

دلیل: جاوااسکریپت از نوع عددی IEEE-754 استفاده می‌کنه. بزرگ‌ترین عدد صحیح امن Number.MAX_SAFE_INTEGER هست که مقدارش مساویه با 9007199254740991
بعد از این عدد، دقت اعداد از بین می‌ره.

یعنی حتی کد زیر هم true می‌ده:

9007199254740992 === 9007199254740993

@Mern_stack_01

در ادامه این پست، تو package.json می‌تونید اسکریپت هایی رو تعریف کنید که به صورت اتوماتیک قبل یا بعد از اجرای یه اسکریپت دیگه اجرا بشن. مثلا:
‌

{
"scripts": {
"prebuild": "echo Starting",
"build": "tsc",
"postbuild": "echo Done"
}
}

‌
با اجرای کامند npm run build، خود npm به ترتیب اسکریپت های prebuild و build و سپس postbuild رو اجرا می‌کنه.

@Mern_stack_01

این نتیجه استفاده نادرست و بیش‌از‌حد از Ai هست.

@Mern_stack_01

اگه دریافت هر کدوم از اطلاعات کاربران، محصولات و دسته‌بندی‌ها 1 ثانیه طول بکشه، اجرای کد زیر 3 ثانیه طول می‌کشه:

await fetch("/products");
await fetch("/categories");
await fetch("/users");

اما با Promise.all‌ شاید حوالی 1 ثانیه طول بکشه:

const [products, categories, users] =
await Promise.all([
fetch("/products"),
fetch("/categories"),
fetch("/users"),
]);

@Mern_stack_01

فایل PDF کتاب CleanCode عمو باب.

پ‌ن: راستش به نظرم نسخه ترجمه‌شده کتاب به درد نمی‌خوره.

@Merk_stack_01

فکر کن پروژت رو موبایل باگ داره. اما تو گوشی دیگه Devtools نداری که لاگ بندازی یا یسری کارای دیگه بکنی. این‌جاست که پکیج VConsole میاد وسط.

این پکیج تو مرورگر گوشی یه DevTools باز می‌کنه که می‌تونی لاگ های کنسول, Network, Storage, Elements و ... رو ببینی و مانیتور کنی:

🔗 https://www.npmjs.com/package/vconsole

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

@Mern_stack_01

سوال مصاحبه: متد Promise.all جاوا اسکریپت رو پیاده‌سازی کنید.

راهنمایی: Promise.all‌ صبر می‌کنه تا همه Promiseها تموم بشن، بعد نتایج رو بده.
همچنین اگه یکی fail شد، کل کار fail میشه.


پاسخ:

function myPromiseAll(promises) {
return new Promise((resolve, reject) => {
const results = [];
let completed = 0;

promises.forEach((p, index) => {
Promise.resolve(p)
.then((value) => {
results[index] = value;
completed++;

if (completed === promises.length) {
resolve(results);
}
})
.catch(reject);
});
});
}

@Mern_stack_01

فکت: آگهی استخدامی که فقط فیلد رو ذکر کرده و از تکنولوژی‌ها حرفی نزده، به احتمال زیاد به درد نمی‌خوره.

یا سرکاریه، یا دلاله و یا شرکته محیط حرفه‌ای نداره.

@Mern_stack_01

خشایار تو این ویدئوش راجع به پول حرفای خوب و درستی زد.

اگه دوست داشتین ببینین لینکش اینه:

📹 Youtube

@Mern_stack_01

تو ری‌اکت اگه روش های بهینه‌سازی رو بلد باشید، پروژه‌هاتون پرفورمنس بهتری خواهند داشت.

این مقاله 4 روشی که تو تصویر می‌بینید رو به خوبی توضیح داده:

🔗 Article Link

@Mern_stack_01