#استخدامی

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


⭕قبلش فقط بگم که این سوال آسونه خیلی ولی تو 5 تا آزمون فنی که دادم اکثرا همشون پرسیدن

== :(برابری با تبدیل نوع)

مقایسه مقدار انجام می‌ده، ولی قبلش نوع داده‌ها رو تبدیل می‌کنه (type coercion).
ممکنه نتایج غیرمنتظره بده!

مثلا :

5 == "5"; // true (چون رشته "5" به عدد تبدیل می‌شه)
null == undefined; // true

=== (برابری دقیق)

مقایسه مقدار و نوع داده با هم انجام می‌ده، بدون تبدیل نوع.
امن‌تر و قابل پیش‌بینی‌تره.

مثلا

5 === "5"; // false (چون نوع داده فرق داره: number ≠ string)
null === undefined; // false

⭕ کی از کدوم استفاده کنیم؟

همیشه از === استفاده کن مگر اینکه عمداً بخوای تبدیل نوع انجام بشه (که بنظرم خیلی کم پیش میاد).

== می‌تونه باگ‌های عجیب ایجاد کنه، چون رفتار تبدیل نوعش گنگه.

یه مثال باحال:

console.log(0 == "0"); // true
console.log(0 === "0"); // false

امیدوارم خوشتون بیاد . با ریکشنتون و حمایتتون انرژی مارو بالا میبرید 🔥
#جاوااسکریپت #برنامه‌نویسی

@developersubtitile
🌐devsub.ir

#استخدامی

1.Event bubbling , Event Capturing

آقا دارم مقاله جمع میکنم برای سوالایی که از خودم پرسیدن و احتمال زیاد از شما میپرسن
تا موقعی که تموم شه دونه دونه براتون اینجا پست میکنم 🌹

خب آقای x خانم y , شما راجب مفهوم event bubbling  میتونید به ما یه توضیحی بدید؟؟

قبل از توضیح بزارید با کد نشونتون بدم

<div >
    <p >Click Me</p>
</div>

حالا مثلا یه onclick به جفتشون میدم هم div هم بچش که p هستش

document.querySelector('div');
  .addEventListener('click', function() {
    Console.log("you click div");
  });

document.querySelector('p');
  .addEventListener('click', function() {
    Console.log("you click P!");
  });

اوکیه ؟؟؟

من الان اگه رو P بزنم ، یعنی رو Click Me
چه اتفاقی میفته بنظرتون ؟؟؟

✅اول p اجرا میشه ، بعد بلافاصله div اجرا میشه

یعنی از child رفت به parent ، رفتش بالا

به این مفهموم میگن bubbling

حالا capturing دقیقا برعکس اینه 😁


یه سوال خفن دیگه ، اومد پرسید برای مدیریت کردن این موضوع از چه متودی استفاده میکنی چی بگیم؟؟

یعنی اومد گقت که میخوام فقط رو هر چی کلیک کردی مثلا فقط p اجرا بشه !!

✅میگی closest()


فصل ۱۳ دوره جوناس 😄🌹


پستو سیو کنید ، اگه این کارم حمایت شه و ریکشن خوبی بگیره هر روز سعی میکنم یه سوال خفن بزارم براتون و از #استخدامی برای دسترسی سریع به سوالا استفاده کنید ❤️

🌎 devsub.ir
@developersubtitle

سلام رفقا

با اجازه تمامی دوستانم یه پست متفاوت میزارم براتون

یه خانمی هست بنده خدا سرطان داره و بچشم مریضه ، من ایشونو نمیشناسم ولی مادرم برام فرستاده شماره کارتشو

منم گفتم اینجا میزارم باز هر کسی کمکی کرد به ایشون دمش گرم ❤️


۵۸۹۴۶۳۱۵۷۷۵۲۸۳۳۴


فاطمه دهقانیان

13 سپتامبر روز برنامه نویس مبارک❤️🔥

به افتخار همه کدهایی که نوشتیم، دیباگ‌ هایی که شکست دادیم و کدهایی که نصف شب به ذهنمون رسید😎💻

#استخدامی

خب آقای X، خانم Y، یه سوال React خفن!

سوال : useEffect  چی هستش اصلا کی به کار مون میادش  و چطور جلوی  (render) رندرای بی‌موردشو بگیریم؟ 

آقا  useEffect مثل یه دستیار باهوشه که می‌گه : «هی، اگه بخوای یه کار جانبی (side effect) تو کامپوننتت انجام بدی، من اینجام!» ✌🏻🌹

این کارای جانبی چی‌ان؟  دریافت داده از API
تغییر چیزی تو DOM (مثلاً تغییر title صفحه) 
تنظیم تایمر یا interval (مثلاً یه تایمر شمارش معکوس) 
اشتراک (subscribe) به یه سرویس (مثلاً WebSocket)

به عبارتی، هر چیزی که بخوای «خارج از رندر معمولی» کامپوننت انجام بدی، useEffect جای اونه!

مثال:

  useEffect(() => {
  fetch('https://api.example.com/users')
    .then(res => res.json())
    .then(data => setUsers(data));
})


مشکل کجاست؟😅🤏🏻

اگه حواست نباشه، useEffect هی رندر می‌کنه و اپ‌تو کند می‌کنه! 

راه‌حل: چطور جلوی رندر بی‌مورد رو بگیریم؟

اولی و اصلیش اینه که Dependency Array رو درست کن!


💥 همیشه یه آرایه به عنوان آرگومان دوم useEffect بده. این آرایه می‌گه useEffect کی باید اجرا بشه:

▫ [] → فقط یه بار موقع mount کامپوننت اجرا می‌شه (مثل componentDidMount).

▫ خالی نباشه یعنی  [variable] → هر وقت متغیر داخل آرایه تغییر کنه، useEffect اجرا می‌شه. 

▫ بدون آرایه → هر بار رندر، useEffect اجرا می‌شه (خطرناکه!).


⛔⛔⛔ پس کد بالا اصلا بهینه نیستش !!!


useEffect(() => {
  fetch('https://api.example.com/users')
    .then(res => res.json())
    .then(data => setUsers(data));
},[])


این درستشه ⚡


یه سوال خفن دیگه!

اومدن تو مصاحبه گفتن: «اگه بخوای useEffect فقط یه بار موقع لود کامپوننت اجرا بشه، چی کار می‌کنی؟»
جواب: یه آرایه خالی ([]) می‌ذاری!


سیو کن این پستو! اگه این سبک سوال و جواب به دلت نشست، یه 🔥 بذار و بگو بعدی چی باشه!   

🌐devsub.ir
@developersubtitle

هوک جدید Next.js که میتونه چند لول UX اپ شمارو بهتر کنه.

اسمش useLinkStatus هست و میاد و وضعیت لودینگ کامپوننت Link والدش رو مشخص میکنه و اگر درحال لودینگ بود pending رو true بر میگردونه.

به این صورت دغدغه بزرگ لودینگ پیج ها حل میشه و متونیم به راحتی در UI به کاربر نمایشش بدیم.


لینک رفرنس:

https://nextjs.org/docs/app/api-reference/functions/use-link-status



دیگه لازم نیست بیایم اقا یه useState برای لودینگمون بزاریم هر جا داره دیتا میاد true کنیم هر جام دیتا تموم شد فالسش کنیم

موفق باشید 🌹

@developersubtitle

رفقا سلام خوبید
رفقایی که دوره ریکتو تهیه میکنن
با یه لایسنس هم زیرنویس رو دارن هم دوبلرو
دیگه جدا نیست 👍

میتونید تماشا کنید و لذتشو ببرید ❤️