🔺یه مقاله جالب درباره کلمه‌کلیدی this توی جاوااسکریپت:
https://web.dev/javanoscript-this



پ.ن: معمولاً صبح‌ها (معمولاً ناشتا 😁) سعی می‌کنم یکی از مقاله‌هایی که قبلاً توی Pocket ذخیره کردم رو بخونم. در واقع ایدهٔ پست قبلی از این مقاله به ذهنم رسید

#javanoscript

.cats {
display: flex;
justify-content: space-between
}

😁👌


👉 @computer_channell

🔺آیا می‌تونین ترتیب نمایش عددها رو حدس بزنین؟ 👏

#javanoscript #quiz

🔺کدومتون توی این لیست هستین؟ فعال‌ترین کاربران ایرانی توی گیت‌هاب:
https://commits.top/iran_public.html


خودم نیستم، ولی ۴ ۵ نفر از دوستام هستن 🥲
#links

🔺آیا #جاوااسکریپت واقعاً عجیبه؟ 🤔

سعی کنین به این ۲۵ تا سوال جواب بدین:
https://jsisweird.com

#javanoscript

🔺چیزهایی که از JSX ری‌اکت لازمه بدونیم!

اولین مقاله‌ٔ ری‌اکتی دیتی برای شما 😉
https://ditty.ir/posts/react-jsx/JmwWn

#react

🔺ـ Context API ری‌اکت به زبان ساده

- با این ویژگی خیلی راحت می‌تونیم به کامپوننت‌های داخلی اطلاعات پاس بدیم

- اگه کامپوننت‌های تو در تو داریم و می‌خوایم بطور مستقیم و به دور از دردسرهای props های متوالی به کامپوننت‌های داخلی اطلاعات پاس بدیم، خیلی راحت می‌تونیم از قابلیت Context ها استفاده کنیم 👌

- با این ویژگی از اینجا آشنا بشین:
https://ditty.ir/posts/react-context-api/naBlX

#react

🔺ـ Syntactic Sugar یعنی چی؟ 🤔

- توی زبان‌های برنامه‌نویسی، Syntactic Sugar به کدی گفته میشه که خوانایی و استفاده از یک کد دیگه رو راحت‌تر می‌کنه

- برای مثال توی جاوااسکریپت، استفاده از حلقهٔ for...of برای مصارف عادی مناسب‌تر و راحت‌تر از حلقه for معمولی هست. بنابراین for...of یک Syntactic Sugar برای حلقه for معمولی به حساب میاد

- در واقع از کلمه Sugar میشه اینطور برداشت کرد که کدنویسی رو شیرین‌تر می‌کنه :))

- ترجمه تحت‌اللفظی گوگل هم جالبه :))
#tips

یادتون رو «ما» زنده نگه می‌داریم ❤️

#iWillLightACandleToo

🔺توی سال ۲۰۲۱ کدوم پروژه‌های جاوااسکریپتی بیشترین Star رو توی گیت‌هاب گرفتن؟ 🤔

- آمار و جزییات بیشتر رو از اینجا ببینین:
https://risingstars.js.org/2021/en

#statistics

🔺‌ شاید از faker.js استفاده کرده باشین که یک کتابخونه هست بود برای تولید کردن دیتای فِیک توی جاوااسکریپت

- این کتابخونه با اینکه دانلودهای میلیونی هفتگی داشت، چند روز پیش، سازندهٔ اون ناگهانی و بنا به دلایل نامعلوم، کل این کتابخونه رو از گیت‌هاب و npm حذف کرد!

- اگه می‌خواین از این کتابخونه استفاده کنین، این ریپو رو ببینین که برای ادامه‌دادن پکیج اصلی درست شده:
https://github.com/faker-js/faker

#links

🔺همه چیز از Fragment های ری‌اکت

- همونطور که می‌دونیم توی JSX نمی‌تونیم بیشتر از یک المنت والد داشته باشیم. پس برای حل این مشکل باید المنت‌ها رو محصور کنیم به یک المنت والد. ولی گاهی وقت‌ها حضور یک والد توی خروجی دردسر ساز میشه

- با Fragment ها می‌تونیم به یک کامپوننت چندین المنت اضافه کنیم بدون اینکه مجبور باشیم یک المنت محصورکنندهٔ اضافی بسازیم

- از اینجا با این ویژگی آشنا بشین:
ditty.ir/472

#react

🔺عجیب اما واقعی!

- اگه توی صفحه HTML یک المنت با یک id خاص داشته باشین، یک متغیر سراسری به اسم همون id توی جاوااسکریپت در دسترسه که مقدارش همون المنت هست

- این ویژگی برمی‌گرده به دوران قدیم (IE اون موقع‌ها) و مرورگرهای جدید برای سازگار بودن با کدهای قدیمی مجبور به پیاده‌سازی این ویژگی شدن

- پیشنهاد میشه علاوه‌بر اینکه روی این ویژگی حساب نکنین، حتی مواظب متغیرهای سراسری که به این صورت ساخته میشن باشین!

» جزییات بیشتر
Credits: Amir Pourhadi

#html