⚡️ یک تریک بسیار باحال برای اینکه پاس دادن یک پارامتر را اجباری کنید، البته با تایپ اسکریپت میشود خیلی راحت تر اینکاررا کرد.
#js #trick #typescript
https://twitter.com/SimonHoiberg/status/1327314535540162565/
@frontendtwitter
#js #trick #typescript
https://twitter.com/SimonHoiberg/status/1327314535540162565/
@frontendtwitter
Twitter
Simon Høiberg
JavaScript Tip 💡 Make an argument 'required' in JavaScript using this small trick 👇
⚡️ تا حالا میدونستید که میتونید دیستراکچر را برای متغیر های از قبل ساخته شده، انجام دهید؟
#js #trick
https://twitter.com/SimonHoiberg/status/1327662075443810312
@frontendtwitter
#js #trick
https://twitter.com/SimonHoiberg/status/1327662075443810312
@frontendtwitter
Twitter
Simon Høiberg
JavaScript Tip 💡 Destructure an object into existing variables 👇
⚡️ یک گیم خیلی زیبا که با threejs و react-three-fiber ساخته شده. تازه سورس ان را هم میتوانید نگاه کنید و نحوه کار این دوتا ابزار رو مشاهده کنید.
#js #showcase #3d
https://twitter.com/i/status/1326144999533244416
@frontendtwitter
#js #showcase #3d
https://twitter.com/i/status/1326144999533244416
@frontendtwitter
Twitter
Paul Henschel
warmed up the old space demo, bringing dependencies up to date, but also gave it better grading and some retro feel. i wish there was a way to run this on pico8, would actually consider making this a real game. 🤔 https://t.co/a3xjMX2ui4 https://t.co/26f4rJUnrr
⚡️ یک مثال خیلی خوب برای اینکه یاد بگیریم که کی و برای چه از Array.from استفاده کنیم.
#javascript #tip
https://twitter.com/2235penton/status/1332175697461325826
@frontendtwitter
#javascript #tip
https://twitter.com/2235penton/status/1332175697461325826
@frontendtwitter
Twitter
abelpenton ⚛️ 💻
#js Tips Array.from method #javascript #CodeNewbies #100DaysOfCode @YDKJS
⚡️ اپشنال چینینگ را حتی میتوانید در کال کردن فانکشن ها استفاده کنید و نیازی به چک کردن فانکشن ها نخواهد بود.
#tip #js
https://twitter.com/SimonHoiberg/status/1333384252520615938
@frontendtwitter
#tip #js
https://twitter.com/SimonHoiberg/status/1333384252520615938
@frontendtwitter
X (formerly Twitter)
Simon Høiberg on X
JavaScript Tip 💡
You can use optional chaining on function calls as well.
No need to do unnecessary null-checks anymore 😎
You can use optional chaining on function calls as well.
No need to do unnecessary null-checks anymore 😎
⚡️ چندتا راه باحال برای اینکه falsy value ها رو از یک آرایه حذف کنید!
#js #tip
https://twitter.com/iamn1khil/status/1333605622529441792
@frontendtwitter
#js #tip
https://twitter.com/iamn1khil/status/1333605622529441792
@frontendtwitter
Twitter
Nikhil 🚀☕
JavaScript tip: 2 ways to remove falsy values from an array #CodeNewbie #100DaysOfCode #javascript #DEVCommunity
⚡️ خیلی وقت ها میخواهیم که بخش های مختلف یک آبجکت را ایتریت کنیم و به مقدار های مختلف دسترسی داشته باشیم که میتوانیم از این متود ها استفاده کنیم.
#js #tip
https://twitter.com/Carlillo/status/1333553701487775745
@frontendtwitter
#js #tip
https://twitter.com/Carlillo/status/1333553701487775745
@frontendtwitter
Twitter
Carlos Caballero
#Javascript tips🐸: Convert Object to Array Object.keys -> [key1, key2] Object.values -> [value1, value2] Object.entries -> [[key1, value1], [key2, value2], ...] #typescript #angular #vue #react #codenewbie #100daysofcode
⚡️ برای دسترسی به فیلد و مقدار یک آبجکت بهتر است از Object.entries استفاده کنیم تا اینکه از طریق Object.keys به مقادیر آن آبجکت برسیم.
#js #tip
https://twitter.com/SimonHoiberg/status/1337432179102666752
@frontendtwitter
#js #tip
https://twitter.com/SimonHoiberg/status/1337432179102666752
@frontendtwitter
Twitter
Simon Høiberg
JavaScript Tip 💡 You can use Object.entries() to iterate through the properties of an object and access both key and value. No need to do an object lookup for each iteration.
⚡️ یک روش خیلی مرسوم و باحال تبدیل یک آرایه به یک مجموعه( بدون عضوهای تکراری) که قرار است کار مارا خیلی آسان کند!
#js #tip
https://twitter.com/oliverjumpertz/status/1336674208705773571
@frontendtwitter
#js #tip
https://twitter.com/oliverjumpertz/status/1336674208705773571
@frontendtwitter
Twitter
Oliver Jumpertz
💛 JavaScript tip 💛 You can extract all unique values from an iterable by using a Set and the spread operator. An iterable is a JavaScript object which implements a method located at Symbol.iterator, including arrays and strings (every object you can use a…
⚡️ با داینامیک ایمپورت میتونید با توجه به یه سری شروط دلخواه و فقط اگر ان شروط درست باشند، مرورگر را به لود کردن فایل های مرتبط به ان ایمپورت مجبور کنید!
#js #feature #tip
https://twitter.com/umaar/status/1339168516721815553
@frontendtwitter
#js #feature #tip
https://twitter.com/umaar/status/1339168516721815553
@frontendtwitter
Twitter
Umar Hansa
New post 🆕️ Considerate JavaScript: Only download JS when it is appropriate https://t.co/CuiPZ9DXCG Where we discuss lots of little tricks like navigator.getBattery & navigator.deviceMemory to decide if it's the right time to load extra resources Hope you…
⚡️ با این مثال میتوان فهمید که چقدر قرار است با دیستراکچرینگ کارمان را آسان کنیم و بخش های مختلف یک ابجکت یا ارایه را به عنوان چند متغیر قرار دهیم!
#js #tip
https://twitter.com/NeisserVilla/status/1343257392994275329
@frontendtwitter
#js #tip
https://twitter.com/NeisserVilla/status/1343257392994275329
@frontendtwitter
Twitter
Neisser Villa
@pluriza The destructuring assignment syntax is a JavaScript expression that makes it possible to unpack values from arrays, or properties from objects, into distinct variables. #programming #tips #plurizatips #tipsbynei #javascript #JSTips
⚡️ فیچر جدید جاواسکریپت که با استفاده از اندرلاین میتوانیم خوانایی اعداد بلند را بیشتر میکنیم.
#js #es #feature
https://twitter.com/Carlillo/status/1341369123511672833
@frontendtwitter
#js #es #feature
https://twitter.com/Carlillo/status/1341369123511672833
@frontendtwitter
Twitter
Carlos Caballero
#javascript tips🐸: ES2021 - Numeric separators This feature allows that numeric literals will be more readable using a visual separation (underscores) between groups of digits #typescript #angular #vue #react #100DaysOfCode #CodeNewbie
⚡️ میدانستید که با دیستراکچرینگ میتوان جای دو مقدار را عوض کرد؟
#js #es #feature
https://twitter.com/oliverjumpertz/status/1342418153201131520
@frontendtwitter
#js #es #feature
https://twitter.com/oliverjumpertz/status/1342418153201131520
@frontendtwitter
X (formerly Twitter)
Oliver Jumpertz (@oliverjumpertz) on X
💛 JavaScript tip 💛
ℹ️You can use an array destructuring assignment to swap two variables.
✅It's readable, it's understandable, and it's easy to use!
ℹ️You can use an array destructuring assignment to swap two variables.
✅It's readable, it's understandable, and it's easy to use!
⚡️ با ایندکس های یک ارایه هم میتوانیم دیستراکچرینگ انجام دهیم و از گزاشتن ویرگول های زیاد جلوگیری کنیم.
#js #tip
https://twitter.com/SimonHoiberg/status/1343825678081388544
@frontendtwitter
#js #tip
https://twitter.com/SimonHoiberg/status/1343825678081388544
@frontendtwitter
Twitter
Simon Høiberg
JavaScript Tip 💡 Did you know that you can use object destructuring on arrays? This is very convenient when we need a group of values from specific indexes.
⚡️ با متود تریس میتونیم علاوه بر اینکه امکانات خود لاگ رو داشته باشیم، میتونیم استک کامل اون پرینت رو ببینیم و تجربه دیباگینگ بهتری داشته باشیم!
#js #tip
https://twitter.com/SimonHoiberg/status/1346428076473905157
@frontendtwitter
#js #tip
https://twitter.com/SimonHoiberg/status/1346428076473905157
@frontendtwitter
Twitter
Simon Høiberg
JavaScript Tip 💡 Use console.trace instead of console.log. It will show you the complete call stack when debugging.
⚡️ میدانستید برای نوشتن عددهای بزرگ، میتوان از کاراکتر _ استفاده کرد؟ در واقع هر دوی اینها مقدار یکسانی دارند اما خوانایی روش اول بیشتر است!
- ضمنا از نماد علمی هم میتوان استفاده کرد:
https://twitter.com/iam_e200/status/1350793441819680775
@frontendtwitter
- ضمنا از نماد علمی هم میتوان استفاده کرد:
const value = 1e11
#js #tiphttps://twitter.com/iam_e200/status/1350793441819680775
@frontendtwitter
Twitter
Eleandro Duzentos
Javascript Tip / Dica Javascript Sometimes it’s hard to read long numbers, for this, Javascript provides a convenient that uses underscore to separate parts of the numbers value making them more readable. #javascript #javascripttip
⚡️ پیادهسازی لاجیک شطرنج فقط با 1024 بایت جاوا اسکریپت!♟🤯
#js #game
https://twitter.com/JavaScriptDaily/status/1368901921931751426
🔥لینک وبسایت
@frontendtwitter
#js #game
https://twitter.com/JavaScriptDaily/status/1368901921931751426
🔥لینک وبسایت
@frontendtwitter
Twitter
JavaScript Daily
The Kilobyte's Gambit is a chess engine written in 1024 bytes of JavaScript – vole.wtf/kilobytes-gamb… – can you beat it? (I couldn't.)
⚡️ یکی از ابزار های ترند اخیر که خیلی سر و صدا کرد و باعث شد ابزار های دیگه راه و روش آن را دنبال کنند Vite بوده که از فیچر های خفنش میتوانیم به استفاده از نیتیو ترانسپایلر و ES modules اشاره کنیم.
#js #tool
https://twitter.com/vite_js/status/1361811393683537922
#js #tool
https://twitter.com/vite_js/status/1361811393683537922
Twitter
Vite ⚡
Here we go: just released Vite 2.0.0! dev.to/yyx990803/anno…
⚡️ ویدیویی زیبا در مورد اینکه چطور react-three-fiber کار میکند و از پتانسیل ری اکت به قدرت استفاده میکند. r3f یک ابزاری قدرتمند است که از threejs در درون خود برای رندر استفاده میکند!
#js #react #tool
https://twitter.com/0xca0a/status/1433095599889559555
#js #react #tool
https://twitter.com/0xca0a/status/1433095599889559555
Twitter
☄︎
nothing's more stressful than giving a talk, or worse having to hear myself afterwards. i've cut all nervous uh, ah's out my recent react-finland talk about making games in react and threejs. it's a super quick 7min intro. live coding around 2:10 youtube…