⚡️ دیستراکچر رو میتونیم برای متغیر های از قبل ساخته شده هم استفاده کنیم.

🆔 @frontcode01 | 👩‍💻🧑‍💻

⚡️ با داینامیک ایمپورت میتونیم لود کردن فایل ها رو به صورت شرطی انجام بدیم و از دانلود غیر ضروری فایل ها جلوگیری کنیم.

🆔 @frontcode01 | 👩‍💻🧑‍💻

🔰 Nullish assignment oprator in javascript

🆔 @frontcode01 | 👩‍💻🧑‍💻

📌📢 لایو Live

✅ فرصت های کاری بین المللی برای برنامه نویس ها و نکات نگارش رزومه

https://www.linkedin.com/events/7113092151663575041/comments/

🆔 @frontcode01 | 👩‍💻🧑‍💻

👨‍💼 Interview question / سوال مصاحبه

✅ دام مجازی (Virtual Dom) چیست و چرا در فریمورک ها و لایبری ها استفاده میشود؟

🔹 دام مجازی نمایشی از دام واقعی در قالب یک object هستش که شامل ویژگی های هر element میشه و سرعت و پرفرومنس بالایی داره.

🔹 روندش اینطوریه که بعد از تغییر استیت ، یک VDOM جدید ساخته میشه وبا VDOM قبل مقایسه میشه و در آخر VDOM نهایی که شامل تغییرات قبل و بعد بوده به DOM واقعی اضافه میشه.

🔹 این کار باعث میشه فقط المان هایی که تغییر داشتن در Ui آپدیت بشن و کل المان ها مجدد ساخته نشن.


#interview_question

💡@frontcode01

✅ به همین سادگی میتونیم تاریخ یا زمان جدیدتر (بزرگتر) رو تشخیص بدیم.

🆔 @frontcode01 | 👩‍💻🧑‍💻

خروجی console رو شما در کامنت ها حدس بزنید 🤔
اگه دوست داشتین دلیلتون رو هم بنویسید ❤️

🆔 @frontcode01 | 👩‍💻🧑‍💻

⚡️ با پاس دادن Infinity به عنوان آرگیومنت متد flat، میتونیم حتی آرایه ای رو که n لول هم آرایه nest شده داره، فلت کنیم 👌

🆔 @frontcode01 | 👩‍💻🧑‍💻

🔺 میدونستین برای کامیت کردن میتونیم از فلگ m- چندبار استفاده کنیم تا به کامیت پاراگراف اضافه کنیم؟

🆔 @frontcode01 | 👩‍💻🧑‍💻

⚡️ میتونیم مشابه تگ img تو HTML، برای عکسی که با پراپرتی content تو CSS میدیم هم alt تکستش رو با یه اسلش(/) تعیین کنیم 🔥

سینتکس عجیبی داره...

🆔 @frontcode01 | 👩‍💻🧑‍💻

✅ بررسی Server Action در Next.js

https://frontcast.ir/nextjs-server-actions

🆔 @frontcode01

👨‍💼 Interview question / سوال مصاحبه

✅ تفاوت پارامتر (parameter) و آرگیومنت (argument) چیست؟

🔹 پارامتر همان ورودی های تابع هست که هر مقداری میتواند داشته باشد.
🔹 آرگیومنت مقادیر مشخصی هست که هنگام کال کردن تابع ، به آن داده میشود.

#interview_question

💡@frontcode01

⚡️ با مشخص کردن اتریبیوت های width و height برای تگ img، مرورگر های مدرن یه فضایی برای عکستون حتی قبل از لود شدنش در نظر میگیرن که با لود شدن عکس، کل layout شیفت نشه یهو و ثابت بمونه 👌🏻

🆔 @frontcode01 | 👩‍💻🧑‍💻

🔺 یه روش فوق العاده برای برای گرفتن آخرین آیتم آرایه با Array Destructing !
تو این مثال اول length آرایه رو گرفتیم و بهش اسم "l" دادیم، بعدش با computed property name آخرین آیتم رو (که ایندکسش یه دونه از کل طول آرایه کمتره) رو گرفتیم.

🆔 @frontcode01 | 👩‍💻🧑‍💻

⚡️ با مقدار unset برای پراپرتی all، میتونیم همه استایل های دیفالت مرورگر برای یک المنت رو حذف کنیم!

پ.ن: برای باتن ها خیلی کاربرد داره 🤩

🆔 @frontcode01 | 👩‍💻🧑‍💻

⚡️ یه مقاله به شدت پربار در مورد آنالیز کامل پرفورمنس اپ معروف Notion که در اصل با React زده شده

پ.ن:‌ حتما حتما پیشنهاد میکنم همه React دولوپرها بخونن 🚀

🆔 @frontcode01

🔺 با المنت نیتیو meter میتونید سطح یه چیزی رو نسبت به یه مقدار کلی نشون بدید مثلا اینکه چقدر فضای خالی از حافظه باقی مونده.

پ.ن: راستی، شکل این المنت تو مرورگر های مختلف خیلی باهم فرق میکنه. حتما قبل استفاده به این مورد توجه کنید. البته میشه تا حدی کاستومایزش کرد 👌

لینک MDN

🆔 @frontcode01 | 👩‍💻🧑‍💻