توییتر فرانت اند
597 subscribers
3 photos
22 videos
292 links
🎉 با توجه به اینکه خیلی از دوستان در توییتر فعالیت ندارن، اینجا یه سری پست های مفید فرانت اند که تو توییتر پیدا میشه رو می فرستم که برای همه قابل استفاده باشه. اگه نیازی باشه در مورد بعضی موارد هم توضیح میدم

😊ارتباط: @ho3ein_shabani
Download Telegram
⚡️ یک تریک بسیار باحال برای اینکه پاس دادن یک پارامتر را اجباری کنید،‌ البته با تایپ اسکریپت میشود خیلی راحت تر اینکاررا کرد.

#js #trick #typescript
https://twitter.com/SimonHoiberg/status/1327314535540162565/

@frontendtwitter
⚡️ تا حالا میدونستید که میتونید دیستراکچر را برای متغیر های از قبل ساخته شده، انجام دهید؟

#js #trick
https://twitter.com/SimonHoiberg/status/1327662075443810312

@frontendtwitter
⚡️ یک گیم خیلی زیبا که با threejs و react-three-fiber ساخته شده. تازه سورس ان را هم میتوانید نگاه کنید و نحوه کار این دوتا ابزار رو مشاهده کنید.

#js #showcase #3d
https://twitter.com/i/status/1326144999533244416

@frontendtwitter
⚡️ یک مثال خیلی خوب برای اینکه یاد بگیریم که کی و برای چه از Array.from استفاده کنیم.

#javascript #tip
https://twitter.com/2235penton/status/1332175697461325826

@frontendtwitter
⚡️ اپشنال چینینگ را حتی میتوانید در کال کردن فانکشن ها استفاده کنید و نیازی به چک کردن فانکشن ها نخواهد بود.

#tip #js
https://twitter.com/SimonHoiberg/status/1333384252520615938

@frontendtwitter
⚡️ خیلی وقت ها میخواهیم که بخش های مختلف یک آبجکت را ایتریت کنیم و به مقدار های مختلف دسترسی داشته باشیم که میتوانیم از این متود ها استفاده کنیم.

#js #tip
https://twitter.com/Carlillo/status/1333553701487775745

@frontendtwitter
⚡️ برای دسترسی به فیلد و مقدار یک آبجکت بهتر است از Object.entries استفاده کنیم تا اینکه از طریق Object.keys به مقادیر آن آبجکت برسیم.

#js #tip
https://twitter.com/SimonHoiberg/status/1337432179102666752

@frontendtwitter
⚡️ با داینامیک ایمپورت میتونید با توجه به یه سری شروط دلخواه و فقط اگر ان شروط درست باشند، مرورگر را به لود کردن فایل های مرتبط به ان ایمپورت مجبور کنید!

#js #feature #tip
https://twitter.com/umaar/status/1339168516721815553

@frontendtwitter
⚡️ با این مثال میتوان فهمید که چقدر قرار است با دیستراکچرینگ کارمان را آسان کنیم و بخش های مختلف یک ابجکت یا ارایه را به عنوان چند متغیر قرار دهیم!

#js #tip
https://twitter.com/NeisserVilla/status/1343257392994275329

@frontendtwitter
⚡️ با ایندکس های یک ارایه هم میتوانیم دیستراکچرینگ انجام دهیم و از گزاشتن ویرگول های زیاد جلوگیری کنیم.

#js #tip
https://twitter.com/SimonHoiberg/status/1343825678081388544

@frontendtwitter
⚡️ با متود تریس میتونیم علاوه بر اینکه امکانات خود لاگ رو داشته باشیم، میتونیم استک کامل اون پرینت رو ببینیم و تجربه دیباگینگ بهتری داشته باشیم!

#js #tip
https://twitter.com/SimonHoiberg/status/1346428076473905157

@frontendtwitter
⚡️ می‌دانستید برای نوشتن عددهای بزرگ، می‌توان از کاراکتر _ استفاده کرد؟ در واقع هر دوی اینها مقدار یکسانی دارند اما خوانایی روش اول بیشتر است!

- ضمنا از نماد علمی هم می‌توان استفاده کرد:
const value = 1e11

#js #tip
https://twitter.com/iam_e200/status/1350793441819680775

@frontendtwitter
⚡️ یکی از ابزار های ترند اخیر که خیلی سر و صدا کرد و باعث شد ابزار های دیگه راه و روش آن را دنبال کنند Vite بوده که از فیچر های خفنش میتوانیم به استفاده از نیتیو ترانسپایلر و ES modules اشاره کنیم.

#js #tool
https://twitter.com/vite_js/status/1361811393683537922
⚡️ ویدیویی زیبا در مورد اینکه چطور react-three-fiber کار میکند و از پتانسیل ری اکت به قدرت استفاده میکند. r3f یک ابزاری قدرتمند است که از threejs در درون خود برای رندر استفاده میکند!

#js #react #tool
https://twitter.com/0xca0a/status/1433095599889559555