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

لایبرری React Hook Form یه کتابخونه خیلی کم‌حجم و سریع برای مدیریت فرم‌ها در React هست که نیاز به کنترل دستی مقدار فیلدها رو از بین می‌بره و کار با فرم‌ها رو خیلی ساده‌تر می‌کنه.

این لایبرری از Uncontrolled Components استفاده می‌کنه، یعنی مستقیماً به DOM متصل می‌شه و رندرهای غیرضروری رو کاهش می‌ده. این باعث می‌شه سرعت اپلیکیشن بیشتر بشه، مخصوصاً وقتی تعداد فیلدهای فرم زیاد باشه.

از Validation داخلی پشتیبانی می‌کنه و می‌تونی با register فیلدها رو اعتبارسنجی کنی و همچنین از کتابخونه‌های Yup و Zod برای اعتبارسنجی پیشرفته پشتیبانی می‌کنه که واقعا خفن و حرفه ایه 👌

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

اگر از Componentهای شخصی‌سازی‌شده مثل React Select استفاده کنی، Controller بهت کمک می‌کنه که راحت با اون‌ها به صورت ماژولار کار بکنی و هر نوع دیتایی که میخوای رو به صورت کاستوم هندل کنی.

این قابلیت به شدت خفن و جالبه و رسما شما میتونید دیتاهای پیچیده تر رو به سادگی به شکلی که میخواید هندل بکنید.

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

در کل React Hook Form یه کتابخونه سبک، سریع و قدرتمند برای مدیریت فرم‌ها توی React هستش و اگه دنبال یه راهکار ساده و بهینه برای هندل کردن فرم‌ها هستی که هم سرعت بالایی داشته باشه و هم قابلیت اعتبارسنجی و کنترل فرم‌ها رو ساده کنه، این کتابخونه یکی از بهترین گزینه‌هاست!

#libarary #reactjs

𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣

➊ یه راه‌حل پیچیده و اورمهندسی‌شده که شاید خیلی پیشرفته و خفن به نظر برسه، ولی نگهداری و توسعه‌ش سخت بشه.

➋ یه راه‌حل خیلی دم‌دستی و بی‌دقت که فقط برای "جواب دادن" ساخته شده، ولی تو طولانی‌مدت مشکل‌سازه.

شما همیشه باید دنبال سادگی هوشمندانه بسته به موقعیت باشید!

➊ خوانا و قابل فهمه
نه فقط برای خودت، برای کل تیم

➋ مینیماله ولی ناقص نیست
یعنی کارو درست انجام می‌ده، نه اینکه یه چیزی رو فدای سادگی کنیم

➌ قابل گسترشه بدون دردسر
اگه بعداً نیاز شد توسعه‌ش بدیم، مجبور نشیم کل سیستمو از نو بسازیم

➊ آیا این راه‌حل، بیش از حد پیچیدست بدون دلیل موجه؟

➋ آیا این سادگی باعث شده کیفیت یا پایداری سیستم کم بشه؟

➌ آیا کسی که بعد از من این کد رو می‌خونه، راحت متوجه می‌شه چی کار کردم؟

#programming #tips

𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣

🚀 @coolycode

💎 #golden_sentence

اول کدی بزن که درست کار کنه، بعد کدی بزن که خوب کار کنه، بعد کدی بزن که سریع کار کنه.

𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣

#fun

𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣

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

#note

𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣