اگر شما هم مثل من برای کارای تستی از JsonPlaceholder خسته شدید ، میتونید از این api جدید استفاده کنید :
https://spoonacular.com/food-api

دوستان مسلط به برق کشی ساختمان یه سوال داشتم. یکی از کلیدهای برق رو که میزنیم (چراغ سرویس بهداشتی) ، محافظ برق تلویزیون که سمت دیگه خونس میپره و خاموش میشه ، مشکل چیه؟ چطوری میشه درستش کرد؟
اخیرا وسیله جدیدی هم به خونه اضافه نشده

هر دو کتابخانه SWR و ReactQuery رو بررسی کردم. هر چند که ReactQuery آپشن‌های بیشتری داره ولی همچنان SWR به نظرم جذاب تر میاد مخصوصا اینکه به جای HOC داره از hook استفاده میکنه و کمبود‌هاش چیزایی نیست که توی پروژه‌های نرمال به چشم بیاد و قابل جبرانه.
داکیومنت‌هاش رو هم اگر نگاه کنید SWR هیچ حرفی از رقیباش نزده ولی ReactQuery کلا سعی کرده با کوبیدن SWR خودش رو خوب نشون بده.
لینک زیراین قضیه رو به وضوح نشون میده :
https://react-query.tanstack.com/comparison
#swr #reactquery

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

هیچ گربه‌ای محض رضای خدا موش نمیگیره.
واقعا همون داکیومنتهاش و نهایتا یوتیوب کفایت میکنه.

یک مدت پیش یک مصاحبه‌ای داشتم که نفر مصاحبه کننده بسیار انسان مسلطی بود. یکی از سوالها این بود که stateهای سمت سرور رو چطوری سمت کلاینت هندل میکنیم؟
خیلی برام عجیب بود. تا حالا نشنیده بودم state سمت سرور هندل بشه. نتونستم جواب بدم.
تا که امروز به این لینک رسیدم
https://kreitech.io/blog/managing-react-server-state-a-simpler-approach/
و البته این
https://clevertech.biz/insights/why-we-choose-react-query-as-a-server-state-management-solution
تهش فهمیدم منظورش همون دیتاهایی هست که توسط API گرفته میشه و ذخیره و cache میشه و اگه اینکه تغییر کرد چه اتفاقی بیفته و چه جوری بیشه از تغییراتش مطلع شد.
——-
خلاصه منظورم اینه که با الفاظ آشنا بشید. خودم مدت طولانیه که درگیر swr , react query هستم ولی نمیدونستم توی استفاده بهش چی میگن.
#interview #server_state

اگر تیمی کار میکنید باید با cherry_pick توی git آشنا باشید.
پیشنهاد میکنم این ویدیو رو ببینید.
#git #cherry_pick @alithecodeguy

در ادامه پست قبل در خصوص cherry-pick ، پیشنهاد میکنم حتما این ویدیو رو هم ببینین
#git #cherry_pick @alithecodeguy

بدون ابزار ثانویه ، چه جوری چند نفر همزمان میتونن از طریق گیت‌هاب روی یک پروژه کار کنن؟
مشروح و با مثال عملی توی این ودیو توضیح داده.
این رو میتونید با cherry-pick که توی پست قبلی اومده ترکیب کنید و یک solution کامل بدست بیارید.
#git #team_work @alithecodeguy

چطوری رنگ بک گراند کامنت ، و آیکون های وی اس کد رو عوض کنیم .کافیه توی فولدر ستینگ این تنظیماتی که توی کامنت هست اضافه کنید

چند روز قبل یه بنده خدایی یه کدی داد توی ۴ ساعت بزنم ، اگر دیزاین داشت ، میشد بهش گفت اپ کوچیک و کامل.
از چیزایی که توی ریدمی بود بین ۱۲ تا ۴ صبح ، کد رو با تایپ اسکریپت و تیلویند و ریکت هوک‌فرم زدم ، فرداش گفت باید میپرسیدی چیکار باید کنی ، هدف من سوال پرسیدن شما بود 😑
درک کردن بعضی‌ها واقعا سخته.

دوستان گرامی اینترنت متاسفانه وضع افتضاحی داره. هم گوشی هم ADSL. تماس های تصویری به دفعات قطع میشه. جلسه امروز رفت برای هفته آینده ببینم بیخیال میشن یا نه.

مقایسه تخصصی Formik و React Hook Form
(ترجمه خودمه)
#react #formik #react_hook_form #form

اینکه ریکت رو به ورژن ۱۸ آپدیت کنید ، دلیل نمیشه زیرساخت جدیدش که concurrency باشه به صورت خودکار استفاده بشه. برای استفاده از زیرساخت جدید حتما باید از ویژگی‌های جدیدش استفاده کنید.
#react #react18

گویا پروژه‌هامو رو فعلا نبریم روی ریکت ۱۸ بهتره.
۱۷ رو ادامه بدیم تا ببینیم چی پیش میاد
#react

ایشون Deno هستن که به عنوان جایگزینی برای NodeJs ظهور پیدا کرد ولی خب زورش فعلا به NodeJs نمیرسه ولی از اونجا که بازار آی تی بالا پایین زیاد داره ، ممکنه بیاد جای واقعیش رو پیدا کنه.
یه نیم نگاهی بهش کنید ضرر نداره.
#deno

خیلی چیزا به ریکت ۱۸ اضافه شده از جمله هوک useTransition و هوک useDefferedValue.
هر دوش برای این به کار میره که اولویت render یک state به خصوص رو از بقیه stateها بیارن پایین‌تر.
ولی اینکه چه فرقی با هم دارن رو سخت میشه از روی داکیومنت اصلی متوجه شد.
این لینک خیلی کوتاه و مشروح و عملی این تفاوت رو شرح داده.
https://academind.com/tutorials/react-usetransition-vs-usedeferredvalue#:~:text=As%20mentioned%20above%2C%20the%20difference,same%20goal%20in%20the%20end.
——————
useTransition() gives you full control since you decide which code should be wrapped and treated as "low priority". Sometimes though, you might not have access to the actual state updating code (e.g., because it's performed by some third-party library). Or, for some reason, you can't use useTransition().

In such cases, you could use useDeferredValue() instead.

With useDeferredValue(), you don't wrap the state updating code but instead the value that's in the end generated or changed because of the state update (either the state value itself or some value that's computed based on the state value
——————
#react #react18 #hooks