| Rad Dev (JS) 🖤 |
2.69K subscribers
401 photos
18 videos
10 files
723 links
#JS 👑

سعیدی‌را‌د هستم، اینجا تجربم و چیزایی که یاد می‌گیرم رو به اشتراک می‌ذارم.

ارتباط:

@AminKhoy78

مخلصم 👨‍💻🖤
Download Telegram
جونیور:

const filtered = products.filter(...)

سنیور:

- اگه 100هزارتا محصول باشه چی؟
- آیا memoization نیازه؟
- آیا این filter باید server-side باشه؟
- آیا Cache نیازه؟
- آیا UX مناسبه؟
- آیا re-render اضافی داریم؟
- ا complexity این الگوریتم چیه؟
- و …

@Mern_stack_01
👍51🤯6❤5
اگه تو ری‌اکت تازه‌کار هستین این 101 نکته به حرفه‌ای‌تر شدن‌تون کمک می‌کنن:

🔗 https://www.frontendjoy.com/p/101-react-tips-tricks-for-beginners-to-experts

@Mern_stack_01
Please open Telegram to view this post
VIEW IN TELEGRAM
❤27👍6🔥2😁1
خودشون خنده‌شون نمی‌گیره واقعا؟
چطور روشون می‌شه اصلا؟

خدا عقل داده خب.

@Mern_stack_01
😁80🤡18🤯3❤2👎1
تو ری‌اکت یه مفهوم داریم به اسم Derived Data (داده مشتق‌‌شده)
به اون دسته از اطلاعاتی گفته می‌شه که از طریق یسری محاسبات روی یک یا چند استیت به دست میاد.

فرضا سه تا دیتا با اسامی firstName, lastName و fullName رو داریم که fullName از طریق concat شدن‌ اون دوتای دیگه به دست میاد.
اینجا اصطلاحا به fullName گفته می‌شه derived data.

ترجیحا بهتره همچین دیتاهایی به صورت state تعریف نشن:

// ❌
const [firstName, setFirstName] = useState(“”);
const [lastName, setLastName] = useState(“”);

const [fullName, setFullname] = useState(“…”);

// ✅
const [firstName, setFirstName] = useState(“”);
const [lastName, setLastName] = useState(“”);

const fullName = firstName + lastName;


@Mern_stack_01
👍32❤8💯3👎1
17 سوال چالشی و مصاحبه‌ای در رابطه با Variable های جاوا اسکریپت:

🔗 https://www.frontendjoy.com/p/javascript-variables-17-quick-questions-you-need-to-master

@Mern_stack_01
Please open Telegram to view this post
VIEW IN TELEGRAM
❤24👍2🔥1
VS Code Cheatsheet.pdf
11.8 MB
چیت‌شیت وی‌اس‌کد (کلیدهای میانبر + اکستنشن های کاربردی)

@Mern_stack_01
❤29👍6🔥2
اسنپ‌فود:

@Mern_stack_01
😁80🤡12🤯3❤1
این ریپو محشره …

یه لیست دو کیلومتری از مباحث دسته‌بندی شده هست در رابطه با برنامه‌نویسی. مثل اخبار، مقاله، تمرین، ایده، توصیه‌، ابزار، مصاحبه، هوش‌مصنوعی و …:

🔗 github.com/sdmg15/Best-websites-a-programmer-should-visit

@Mern_stack_01
Please open Telegram to view this post
VIEW IN TELEGRAM
❤29👍1🔥1
یه مقاله می‌خوندم در رابطه با درخواست کردن.
نوشته بود اکثر آدما به دلیل خجالت یا دلایل دیگه نمی‌تونن درخواست کنن. غافل از این که یه درخواست ممکنه زندگی شما رو از این رو به اون رو بکنه.

مثل درخواست افزایش حقوق.
درخواست ارتقای سِمت.
درخواست همکاری از یه شخص باتجربه.
و …

در نتیجه خجالت نکشید و درخواست کنید، البته تو یه چارچوب خوب و درست.

@Mern_stack_01
👍68❤10🔥2👎1
نسخه فارسی داکیومنت جاوا اسکریپت:

🔗 fa.javascript.info

پ‌ن: مسلما به نسخه اصلیش نمی‌رسه. ولی از هیچی بهتره. می‌تونه به عنوان مکمل استفاده بشه.

@Mern_stack_01
Please open Telegram to view this post
VIEW IN TELEGRAM
❤20👍8🔥2👎1
تقریبا هر چیزی که تو اکوسیستم ری‌اکت نیاز داری اینجا هست. از روتر گرفته تا چارت، انیمیشن، آیکون، تست‌نویسی، مدیریت فرم و …:

🔗 https://github.com/enaqx/awesome-react

@Mern_stack_01
Please open Telegram to view this post
VIEW IN TELEGRAM
❤23👍4🔥2
یکی از مهم‌ترین تفاو‌ت های جونیور و سنیور اینه که سنیور اصول ریفکتورینگ رو به خوبی بلده.

البته شما هم می‌تونید از این لینک یادش بگیرید:

🔗 refactoring.guru/refactoring

@Mern_stack_01
Please open Telegram to view this post
VIEW IN TELEGRAM
👍26❤6⚡2
از 114 تگ Html چندتاشو به خاطر دارین؟

اینجا می‌تونین خودتونو محک بزنین:

🔗 https://codepen.io/plfstr/full/zYqQeRw

خودم 58تا👨‍💻

@Mern_stack_01
Please open Telegram to view this post
VIEW IN TELEGRAM
😁37❤8👍5🤯3💯1
یه بار واسه یه پوزیشنی داشتم رزومه‌های ارسالی رو بررسی می‌کردم.
حدودا 60 تا رزومه بود. تو 8 تا از رزومه‌ها دقیقا یه‌ نمونه‌کار یکسان وجود داشت. حتی با سورس‌کد های یکسان!

جدا از این که همه اون رزومه‌ها رد شدن، بعدا کاشف به عمل اومد که این 8 شخص دانشجوی یه دوره آموزشی بودن و پروژه هایی که مدرس تو دوره نوشته بود رو عینا به عنوان نمونه‌کار گذاشته بودن تو رزومه‌ها‌شون!

نتیجه اول: نمونه‌کار یعنی پروژه‌ای که خودت توسعه دادی.

نتیجه دوم: نمونه‌کار هر چقدر یونیک‌تر همون‌قدر باارزش‌تر.

@Mern_stack_01
👍73❤8🤯8
Please open Telegram to view this post
VIEW IN TELEGRAM
❤17👍2
تو جمله “کاربر محصولی را سفارش می‌دهد” چندتا موجودیت داریم؟
Anonymous Quiz
8%
یک موجودیت
22%
دو موجودیت
45%
سه موجودیت
25%
نمی‌دونم موجودیت چیه. دیدن نتایج.
❤29🔥7🤡6👍5
| Rad Dev (JS) 🖤 |
راستش از این پیاماتون خیلی انرژی می‌گیرم. خوشحالم که تونستم مفید باشم ❤️ @Mern_stack_01
راستش از این پیاماتون خیلی انرژی می‌گیرم.
خوشحالم که تونستم مفید باشم ❤️

@Mern_stack_01
❤35⚡3👍2
‏می‌دونید چرا اکثر کارآفرین‌های ایرانی ارزشی برای نیروی انسانی قائل نیستن؟ چون ماشین تورم نیاز به هرگونه خلاقیت، دانش، تجربه و … را از بین می‌برد. تورم همه چیز رو می‌بلعد.

@Mern_stack_01
👍63💔11❤5👎1
رفقا این تبلیغاتی که گاها انتهای پست‌ها نمایش داده می‌شن رو خود تلگرام می‌ذاره.
بنده نه رد و نه تاییدشون می‌کنم.

هر تبلیغی با این تیپ و استایل دیدید، خود تلگرام قرار می‌ده تو چنل‌ها.

@Mern_stack_01
👍45❤3👎1😁1
پکیج bwip.js یه لایبرری اوپن‌سورسه که می‌تونید ازش واسه ایجاد بیش از 10 ‌نوع بارکد استفاده کنید. تو محیط مرورگر، Nodejs، ری‌اکت‌نیتیو و … قابل اجراست و می‌شه ازش خروجی png, canvas یا svg گرفت:

🔗 https://www.npmjs.com/package/bwip-js

@Mern_stack_01
❤23👍6