جونیور:
const filtered = products.filter(...)
سنیور:
- اگه 100هزارتا محصول باشه چی؟
- آیا memoization نیازه؟
- آیا این filter باید server-side باشه؟
- آیا Cache نیازه؟
- آیا UX مناسبه؟
- آیا re-render اضافی داریم؟
- ا complexity این الگوریتم چیه؟
- و …
@Mern_stack_01
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
@Mern_stack_01
Please open Telegram to view this post
VIEW IN TELEGRAM
❤27👍6🔥2😁1
تو ریاکت یه مفهوم داریم به اسم Derived Data (داده مشتقشده)
به اون دسته از اطلاعاتی گفته میشه که از طریق یسری محاسبات روی یک یا چند استیت به دست میاد.
فرضا سه تا دیتا با اسامی firstName, lastName و fullName رو داریم که fullName از طریق concat شدن اون دوتای دیگه به دست میاد.
اینجا اصطلاحا به fullName گفته میشه derived data.
ترجیحا بهتره همچین دیتاهایی به صورت state تعریف نشن:
@Mern_stack_01
به اون دسته از اطلاعاتی گفته میشه که از طریق یسری محاسبات روی یک یا چند استیت به دست میاد.
فرضا سه تا دیتا با اسامی 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
@Mern_stack_01
Please open Telegram to view this post
VIEW IN TELEGRAM
❤24👍2🔥1
VS Code Cheatsheet.pdf
11.8 MB
❤29👍6🔥2
این ریپو محشره …
یه لیست دو کیلومتری از مباحث دستهبندی شده هست در رابطه با برنامهنویسی. مثل اخبار، مقاله، تمرین، ایده، توصیه، ابزار، مصاحبه، هوشمصنوعی و …:
🔗 github.com/sdmg15/Best-websites-a-programmer-should-visit
@Mern_stack_01
یه لیست دو کیلومتری از مباحث دستهبندی شده هست در رابطه با برنامهنویسی. مثل اخبار، مقاله، تمرین، ایده، توصیه، ابزار، مصاحبه، هوشمصنوعی و …:
@Mern_stack_01
Please open Telegram to view this post
VIEW IN TELEGRAM
❤29👍1🔥1
یه مقاله میخوندم در رابطه با درخواست کردن.
نوشته بود اکثر آدما به دلیل خجالت یا دلایل دیگه نمیتونن درخواست کنن. غافل از این که یه درخواست ممکنه زندگی شما رو از این رو به اون رو بکنه.
مثل درخواست افزایش حقوق.
درخواست ارتقای سِمت.
درخواست همکاری از یه شخص باتجربه.
و …
در نتیجه خجالت نکشید و درخواست کنید، البته تو یه چارچوب خوب و درست.
@Mern_stack_01
نوشته بود اکثر آدما به دلیل خجالت یا دلایل دیگه نمیتونن درخواست کنن. غافل از این که یه درخواست ممکنه زندگی شما رو از این رو به اون رو بکنه.
مثل درخواست افزایش حقوق.
درخواست ارتقای سِمت.
درخواست همکاری از یه شخص باتجربه.
و …
در نتیجه خجالت نکشید و درخواست کنید، البته تو یه چارچوب خوب و درست.
@Mern_stack_01
👍68❤10🔥2👎1
نسخه فارسی داکیومنت جاوا اسکریپت:
🔗 fa.javascript.info
پن: مسلما به نسخه اصلیش نمیرسه. ولی از هیچی بهتره. میتونه به عنوان مکمل استفاده بشه.
@Mern_stack_01
پن: مسلما به نسخه اصلیش نمیرسه. ولی از هیچی بهتره. میتونه به عنوان مکمل استفاده بشه.
@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
@Mern_stack_01
Please open Telegram to view this post
VIEW IN TELEGRAM
❤23👍4🔥2
یکی از مهمترین تفاوت های جونیور و سنیور اینه که سنیور اصول ریفکتورینگ رو به خوبی بلده.
البته شما هم میتونید از این لینک یادش بگیرید:
🔗 refactoring.guru/refactoring
@Mern_stack_01
البته شما هم میتونید از این لینک یادش بگیرید:
@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
اینجا میتونین خودتونو محک بزنین:
خودم 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
حدودا 60 تا رزومه بود. تو 8 تا از رزومهها دقیقا یه نمونهکار یکسان وجود داشت. حتی با سورسکد های یکسان!
جدا از این که همه اون رزومهها رد شدن، بعدا کاشف به عمل اومد که این 8 شخص دانشجوی یه دوره آموزشی بودن و پروژه هایی که مدرس تو دوره نوشته بود رو عینا به عنوان نمونهکار گذاشته بودن تو رزومههاشون!
نتیجه اول: نمونهکار یعنی پروژهای که خودت توسعه دادی.
نتیجه دوم: نمونهکار هر چقدر یونیکتر همونقدر باارزشتر.
@Mern_stack_01
👍73❤8🤯8
هفت Best Practice واسه پروژه های Node.js:
🔗 https://dev.to/mehedihasan2810/nodejs-best-practices-a-guide-for-developers-4d65
@Mern_stack_01
@Mern_stack_01
Please open Telegram to view this post
VIEW IN TELEGRAM
❤17👍2
تو جمله “کاربر محصولی را سفارش میدهد” چندتا موجودیت داریم؟
Anonymous Quiz
8%
یک موجودیت
22%
دو موجودیت
45%
سه موجودیت
25%
نمیدونم موجودیت چیه. دیدن نتایج.
❤29🔥7🤡6👍5
میدونید چرا اکثر کارآفرینهای ایرانی ارزشی برای نیروی انسانی قائل نیستن؟ چون ماشین تورم نیاز به هرگونه خلاقیت، دانش، تجربه و … را از بین میبرد. تورم همه چیز رو میبلعد.
@Mern_stack_01
@Mern_stack_01
👍63💔11❤5👎1
رفقا این تبلیغاتی که گاها انتهای پستها نمایش داده میشن رو خود تلگرام میذاره.
بنده نه رد و نه تاییدشون میکنم.
هر تبلیغی با این تیپ و استایل دیدید، خود تلگرام قرار میده تو چنلها.
@Mern_stack_01
بنده نه رد و نه تاییدشون میکنم.
هر تبلیغی با این تیپ و استایل دیدید، خود تلگرام قرار میده تو چنلها.
@Mern_stack_01
👍45❤3👎1😁1
پکیج bwip.js یه لایبرری اوپنسورسه که میتونید ازش واسه ایجاد بیش از 10 نوع بارکد استفاده کنید. تو محیط مرورگر، Nodejs، ریاکتنیتیو و … قابل اجراست و میشه ازش خروجی png, canvas یا svg گرفت:
🔗 https://www.npmjs.com/package/bwip-js
@Mern_stack_01
🔗 https://www.npmjs.com/package/bwip-js
@Mern_stack_01
❤23👍6