رقصنده با کد – Telegram
رقصنده با کد
780 subscribers
1.69K photos
850 videos
207 files
665 links
Here are some interesting things I've come across during my learning process. That's it. Admin ID:
@alithecodeguy
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
یه پست دیدم که یه بنده خدا کد ۳ سال پیش منو زده!
ایشالله که اتفاقیه
لینک گیت‌هاب:
https://github.com/alithecodeguy/smooth-card
اینو به عنوان تسک مصاحبه‌ای دادن به یکی از دوستان :

Given the constraint that only one role assignment or removal is permitted for a user in each GraphQL fetch request, it is imperative to address the platform's functionality to ensure that any modifications made to a user's role are accurately recorded and processed before submission.
Some features that should be considered include:
1 A dark/light theme
2 Multi-language support (English is default with the ability to switch to Farsi)
3 Mandatory development with TypeScript
4 Development with React and Next.js (preferred)
5 Use of a UI kit such as MUI or CSS framework like Tailwind
6 Writing Unit, Integration, and E2E tests (preferred)
7 Use of front cache (preferred)
8 Thorough documentation of all developed features Please note that the Figma file serves only as a visualized concept and should not be considered as an exact blueprint for coding. You are encouraged to utilize your own creative viewpoint. The project must be completed and submitted within a maximum of three days.

حالا شرکت کجاس؟ ایران
حقوق چنده؟ حدود ۳۰

اینجور شرکتایی که پروژشونو خرد میکنن میدن کارجوها مفتی بزنن رو باید با علامت نامحترمانه راهی کنی برن پی کارشون.
توی ویدیوهای بالا یه جمله قشنگ بود ، حیفم اومد ننویسم :

Computer science doesn't get you a job. Software engineer gets you a job.
ممکنه براتون سوال پیش اومده باشه وقتی مرورگر رو میبندیم آیا
componentWillUnmount
اجرا میشه یا خیر؟ (بعضی جاها این موضوع خیلی مهمه)
در حالت عادی باید بگم که خیر ولی تلاشایی برای این موضوع داره صورت میگیره. از جمله ای‌پی‌آ‌یی که توی تصویر میبنید.
Forwarded from توییتر فارسی
This media is not supported in your browser
VIEW IN TELEGRAM
۶۶ شات از فیلم های کریستوفر نولان👌


30May @twitter_farsy
😫
موضوع مطالعاتی پیشنهادی برای پنج شنبه جمعه پیش رو :
HTMX
یه نگاهی بهش داشته باشید جالبه
---
پایه باشید تمام داکیومنتشو ترجمه کنیم. خیلی نیست :
https://htmx.org/docs
کسی علاقه مند بود پیام بده. روی گیت‌هاب ترجمه میکنیم.
یه پست در مورد یه رزیدنت خانم دیدم که فوت شده و اینکه چه فشاری روی رزیدنت‌ها هستش و غیره. خدا رحمتشون کنه.
ولی دیدید هیچ‌جا هیچ‌گاه هیچ صحبتی در مورد سلامت جسمانی و روانی برنامه نویسا نیست؟ اینکه مجبورن شب بیدار بمونن... اینکه استرس بالایی رو تحمل می‌کنن... اینکه حقوقشون نسبت به تلاشی که میکنن و نسبت به سایر تخصص‌ها خیلی پایین‌تره... اینکه آینده شغلیشون خیلی پایدار نیست... اینکه مداوم باید آپدیت باشن... اینکه تجهیزات مورد نیازشون قیمت زیادی داره...
شبیه اکسیژنیم. نبودمون غیر ممکنه ، ولی کسی براش مهم نیست چه اتفاقی برامون میفته.
Forwarded from توییتر فارسی
This media is not supported in your browser
VIEW IN TELEGRAM
کاربرد این دایره سیاه عمرا اگه میدونستین
اسم برنامه "scaniverse"

Lidia @twitter_farsy
یه مشکلی توی rtk دیدم ، رفتم داکیومنتشو دیدم ببین چی نوشته
A fully normalized shared-across-queries cache is a hard problem to solve.
We don't have the time, resources, or interest in trying to solve that right now.
😂
سوال ریکتی مناسب برای دوستان سخت‌گیر در مصاحبه 😁
میدونیم که توی ریکت attributeها رو به شکل camelCase می‌نویسیم. مثلا به جای class-name می‌نویسیم className.
ولی این قانون برای ۲ مورد صادق نیست و باید به همون شکل عادی نوشته بشن. می‌دونید چیا هستن؟
(جوابش رو فردا روی همین پست ادیت میکنم قرار میدم)
پاسخ:
aria-*, data-*
سوال غیر عادی برای مصاحبه فرانتی 😤 :
فرض کنید یه سایت دارید که دو تا صفحه داره. مثلا صفحه ایکس و صفحه آر که هر کدوم رو توی تب جداگونه باز کردید.
چطوری می‌تونید کاری کنید که وقتی اتفاقی توی صفحه ایکس افتاد ، صفحه آر بدون رفرش ازش مطلع بشه؟
فرض کنید که به اینترنت هم مطلع نیستید. (یعنی اینکه همه چی کلاینت سایده.)

(جواب ، چند پست پایین‌تر)
تمرین ذهنی

مواد لازم : ۱ کاغذ و ۱ قلم
وقتی سعی دارید روی یک موضوعی تمرکز کنید ، مثلا وقتی دارید یک ویدیو آموزشی می‌بینید یا مثلا وقتی دارید یک موضوع مهمی رو مطالعه می‌کنید ، هر جا متوجه شدید ذهنتون منحرف شده و دارید به یه موضوع دیگه فکر می‌کنید ، یک خط روی اون کاغذ بکشید و به کار اصلیتون برگردید.
تموم که شد ، بالای اون برگه ساعت و تاریخ بزنید و بذارید یه گوشه بمونه. برای ۱ هفته این کار رو برای کارایی که فکر میکنید نیازمند تمرکز هستن انجام بدید.
بعد ۱ هفته چی می‌بینید؟ کاغذا خط‌خطی‌تر شدن یا تمیزتر شدن؟
با تقریب خوبی میشه گفت هر چی کاغذا تمیزتر بشن ، قدرت یادگیری بالاتری دارید یا حداقل سعی‌میکنید هر روز بهتر بشید. و هر چه قدرت یادگیری بالاتری داشته باشید، منطقیه که بشه نتیجه گرفت آینده روشن‌تری پیش رو دارید.
(پاورقی : اینکه یکی پدرش صرافه یا خودش بیت‌کوین خریده گرون شده ، مبحث دیگه‌ایه. در مورد اتفاقات خودخواسته صحبت می‌کنیم نه مواردی که کنترلی روشون نداریم.)

@alithecodeguy
اگر نمیخواید از کتابخانه‌های آماده برای debounce استفاده کنید ، با همین کدی که توی تصویر می‌بینید ، میتونید پیاده‌سازیش کنید. یکیش برای فانکشن کامپوننت‌های ریکته ، یکیش برای کلاس کامپوننت‌ها.
اگر هم از چیزی جز ریکت استفاده می‌کنید ، می‌تونید همین کانسپت رو ببرید توی اون محیط با توجه به ویژگی‌های خودش پیاده‌سازی کنید چون در نهایت این کار ، جاوا اسکریپتی داره اتفاق می‌افته.

توضیح debounce:
فرض کن سرچ اینپوتی دارید که به ازای کلمه‌ای که وارد می‌کنید یکبار سرویس متناظرش رو کال می‌کنه. اگر قرار باشه به ازای تایپ هر حرف یکبار سرویس کال اتفاق بیفته فشار زیادی به مرورگر میاره و یوزر کندی احساس میکنه. برای همین میان با استفاده از مفهومی به نام debounce یک تاخیر مثلا ۵۰۰ میلی ثانیه‌ای میذارن که اگر از آخرین کاراکتری که کاربر تایپ کرده بود ۵۰۰ میلی ثانیه گذشت ، سرویس کال بشه.

@alithecodeguy #debounce #js #react
برنامه نویسی وب در یک نگاه 😂
برای تولید اعداد تصادفی توی مرورگر ، می‌تونید از
CryptoWebApi
استفاده کنید که روی خود مرورگرها هستش. نیازی به نصب کتابخانه اضافی ندارید.
قبل استفاده فقط چک کنید ببینید مرورگرهای مدنظرتون رو پشتیبانی میکنه یا خیر. روی اکثر مرورگرها هستش.
(دقت کنید که میگم مرورگر)
مثال :

console.log(crypto.randomUUID());
console.log(crypto.randomUUID());
console.log(crypto.randomUUID());
console.log(crypto.randomUUID());

لینک:
https://developer.mozilla.org/en-US/docs/Web/API/Crypto
https://www.educative.io/answers/how-to-create-a-random-uuid-in-javanoscript

#js #webapi #random #crypto @alithecodeguy
دوستان گرامی کسی به تازگی مدرک کارشناسیشو آزاد کرده؟ ما که ورودی ۸۹ هستیم هم باید به نرخ جدید پول بدیم؟ میخوام تجربه واقعی و جدیدتون رو بدونم اگر کاری کردید. لطفا اگر اطلاع دقیق دارید کامنت کنید. اطلاعات حدسی و حدودی نیازی نیست. ممنونم 🙏🙏🙏
در جاوا اسکریپت ، وقتی دارید از fetch استفاده می‌کنید ، یادتون نره از AbortController استفاده کنید.
تصویر از کدای ریکته. برای باقی کتابخانه و فریم‌ورک‌ها هم مفهوم کلی همینه.
#js #react #fetch @alithecodeguy