رقصنده با کد (و غیره)

موقع استفاده از promiseها توی جاوا اسکریپت اگر از تصویر‌سازی ذهنی استفاده کنید ، بهتر می‌تونید فرآیند‌ها رو دنبال کنید. #js #tip #interview @alithecodeguy

توی جاوا اسکریپت موقعی که جلوی عملگر انتساب از پرانتز استفاده کنید ، همیشنه آخرین مقدار منتسب میشه. #js #tip #interview @alithecodeguy

توی جاوااسکریپت با کم کردن عدد length به راحتی می‌تونید یک آرایه رو تکه کنید. فقط حواستون باشه بهتره از این روش استفاده نکنید و از روش‌های معمول‌تر مثل slice و splice استفاده کنید. #js #interview #tip @alithecodeguy

به دلایل متعدد میشه گفت jotai استیت منیجره خوبیه. پیشنهاد میکنم یه مطالعه‌ای در موردش داشته باشید. خودم هنوز به صورت جدی ازش استفاده نکردم ولی اساتید توصیه‌اش کردن.

نکته جاوااسکریپتی: همیشه حواستون به binded object باشه. (کلک مرغابی : اگر جایی به کدتون شک کردید ، جداگونه تستش کنید مطمن بشید عملکرد مدنظرتون رو برای همه حالت‌هایی ممکن انجام میده.) #js #tip #interview @alithecodeguy

اگر روی یوتیوب ویدیوهای آموزشی میبینید ، این کانال خوبیه: https://www.youtube.com/@ConnerArdman/videos

نکته جاوااسکریپتی: همیشه حواستون به binded object باشه. (کلک مرغابی : اگر جایی به کدتون شک کردید ، جداگونه تستش کنید مطمن بشید عملکرد مدنظرتون رو برای همه حالت‌هایی ممکن انجام میده.) #js #tip #interview @alithecodeguy

یکی از سوالات نکته‌دار جاوااسکریپتی‌ای که معمولا توی مصاحبه‌های فنی میبینید. چندتا نکته همزمان وجود داره. #interview #tip #js @alithecodeguy

یکی از سوالات نکته‌دار جاوااسکریپتی‌ای که معمولا توی مصاحبه‌های فنی میبینید. #interview #tip #js @alithecodeguy

میدونیم که استیت آپدیت‌ها توی ریکت آسینک هستن. یعنی نمی‌تونیم مطمن باشیم که چه زمانی انجام میشن. به عبارت دیگه اگر دو خط کد بزنید که یکیش استیت آپدیت باشه نمیتونید مطمن بشید که کدوم خط اول انجام میشه. اگر میخواید که این موضوع رو هندل کنید و فرآیند اجرای کد رو منتظر نگه دارید تا استیت آپدیت مدنظرتون تموم بشه می‌تونید از flushSync استفاده کنید. نکته : چیزی نیست که بخواید در حالت معمول استفاده کنید و تا جایی که میشه ازش استفاده نکنید. #tip #react #js @alithecodeguy

این کد ترکیب debounce , fetch و AbortController هست که از مثال‌های آقای نظری برداشتم. اگر تازه برنامه‌نویسی وب رو شروع کردید یا با این عبارات آشنا نیستید ، پیشنهاد میکنم زمان بذارید و این کد رو‌ مطالعه کنید. لینک: https://ditty.ir/posts/javascript-abortcontroller/nBwbX @alithecodeguy #tip #abort #debounce

سیمبل‌های متداول در برنامه‌نویسی @alithecodeguy

نکته ساده و عمیق ریکتی : it’s the position in the UI tree—not in the JSX markup—that matters to React! یعنی این محل قرارگیری کامپوننت‌ها توی دامه که مهمه نه نگارش JSX اون کامپوننت. به عبارت دیگه توی کد زیر هر چند که کانتر دوبار نوشته شده ولی چون در نهایت چون یک کامپوننت یکسان در موقعیت یکسان نمایش داده شده پس ریکت فکر نمیکنه که یک کامپوننت جدیده و استیت‌هاش رو نگه میداره : <div> {isFancy ? ( <Counter isFancy={true} /> ) : ( <Counter isFancy={false} /> )} <label> <input type="checkbox" checked={isFancy} onChange={e => { setIsFancy(e.target.checked) }} /> Use fancy styling </label> </div> اطلاعات بیشتر توی داکیومنت ریکت: https://react.dev/learn/preserving-and-resetting-state @alithecodeguy

رنج حقوقی برنامه‌نویسهای ریکت بر اساس آمار جاب ویژن @alithecodeguy

دوستانی که از قوانین بیمه مطلع هستید ، سوال دارم از محضرتون. اگر جایی به شما فرضا ۱۰۰ تومن حقوق بده ولی ۱۰ تومن بیمه رد کنه ، چه مشکلاتی ممکنه بوجود بیاره؟

این مقاله از آقای علی نظری رو به نظرم خوبه که بخونید. در مورد نکات تایپ اسکریپتیه که ممکنه توی مصاحبه‌ها بپرسن. https://ditty.ir/posts/frontend-interview-questions-part-1/nMl85

نکته HTMLای: - pageX/Y gives the coordinates relative to the <html> element in CSS pixels. - clientX/Y gives the coordinates relative to the viewport in CSS pixels. - screenX/Y gives the coordinates relative to the screen in device pixels #html #tip @alithecodeguy

سوال مصاحبه‌ای ریکت: یک کامپوننت در چه شرایطی ری‌رندر میشه؟ جوابش ساده به نظر میاد ولی قبل از جواب دادن ، بیشتر بهش فکر کنید. #react #interview #js

همیشه پست خوب دیدیم ، این سری کامنت خوب ببینیم 👌 #js #tip

اگر از Tailwind استفاده می‌کنید این ۳ تا ریسورسی که برای کامپوننت‌ها ، آیکون‌ها و پترن‌های رایگان داخل داکیومنتش معرفی کرده رو دریابید. جذابن: https://headlessui.dev/ https://heroicons.com/ https://heropatterns.com/