آموزش React Hook Form - راهنمای جامع ری اکت (2024)
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- ایجاد فرمهای کارآمد، انعطافپذیر و توسعهپذیر در ری اکت
- از ابتدا تا انتهای کتابخانه React Hook Form را یاد بگیرید.
- کاهش کد بویلرپلیت در ایجاد فرمهای ری اکت با بهترین شیوهها
- اعتبارسنجی فرمهای ری اکت با روشهای اعتبارسنجی آسان و داخلی
- اعتبارسنجی فیلدهای وابسته به یکدیگر
- اعتبارسنجی ناهمزمان در فرمهای ری اکت
- ارسال فرم و پر کردن مجدد با داده از قبل ارسال شده
- ایجاد کامپوننتهای قابل استفاده مجدد ری اکت برای ایجاد فرم
- تولید پویای فیلدهای فرم در ری اکت
- عملیاتهای CRUD در گرید داده یا ویرایشگر جدول درون خطی با React Hook Form
- مشخصههای state فرم، مانند خطای اعتبارسنجی، تعداد ارسال و غیره
- محدود کردن رندرینگ مجدد کامپوننتهای فرعی وقتی که ممکن است. (رندر مجدد ایزوله)
- اشتراک در مقادیر فیلدهای فرم و مشخصههای state فرم
- یکپارچهسازی بینقص React Hook Form با کامپوننتهای رابط کاربری ری اکت مانند Material UI ،Ant-Design و غیره
- یکپارچهسازی React Hook Form با اعتبارسنجهای اسکیما مانند Zod ،Yup و غیره
پیشنیازهای دوره
- مبانی ری اکت - آشنایی با کامپوننتها، props و state شما را برای شرکت در دوره آماده میکند!
- نگران بقیه نباشید، توضیحات کافی در صورت لزوم ارائه میشود.
توضیحات دوره
به دوره "آموزش React Hook Form - راهنمای جامع ری اکت (2024)" خوش آمدید.
آیا از روشهای معمول ایجاد فرمهای ری اکت خستهاید؟
- صرف زمان بیشتر برای جلوگیری از رفتارهای پیشفرض فرمهای اچ تی ام ال
- مدیریت کل داده فرم با متغیرهای state منجر به عملکرد ضعیف میشود.
- پیادهسازی نیازهای سفارشی توسعه از ابتدا
- و غیره
بدون شک، فریمورک ری اکت یک فریمورک جاوا اسکریپت استثنایی است که در انجام بسیاری از کارها از رقبای خود بهتر عمل میکند، اما در یک چیز از ابتدا بد بود که آن ساخت فرمها است. شما هم شاید این تجربه را داشته باشید. بنابراین، محبوبترین کتابخانه فرم ری اکت، React Hook Form به میدان میآید.
React Hook Form یک کتابخانه فرم برای اپلیکیشنهای ری اکت است که کار ساخت فرمهای مقیاسپذیر و انعطافپذیر با عملکرد بهتر را برای شما بسیار آسان میکند. این کتابخانه، کار کردن با فرمهای ری اکت را بسیار روانتر و سادهتر میکند.
علاوه بر اینکه یک راهحل مستقیمتر برای نیازهای اساسی یک فرم مانند موارد زیر است:
- مدیریت داده فرم
- اجرای اعتبارسنجی
- بازخوردهای اعتبارسنجی بلادرنگ
- ارسال داده فرم
React Hook Form ویژگیهای بسیار امیدبخشی را ارائه میدهد:
- فرمهای کارآمد، انعطافپذیر و توسعهپذیر
- اعتبارسنجیهای آسان و داخلی
- تولید پویای فیلدهای فرم
- رندر مجدد ایزوله برای رفرش کردن یک کامپوننت فرعی بدون تأثیر بر دیگر کامپوننتها
- اشتراک در مقادیر و stateهای فیلد فرم
- یکپارچهسازی بینقص با کامپوننتهای رابط کاربری ری اکت مانند Material UI ،Ant-Design و React-Select
- یکپارچهسازی با اعتبارسنجهای اسکیمای مانند Zod، Yup و غیره
این یکپارچهسازیها قطعاً توسعه برنامه را تسهیل میکنند و همچنین به بهرهمندی از مزایای پکیجها یا کتابخانههای دیگر در زمینههای مختلف ایجاد فرم کمک میکنند.
این دوره به شما تمام چیزی که باید در مورد کتابخانه React Hook Form بدانید، از سطح مبتدی تا پیشرفته را میآموزد. همه چیز با پروژههای واقعی در ری اکت مورد بحث قرار میگیرد و نمایش داده میشود. ما توسعهدهندگان همیشه به دنبال راهحلهای بهتر برای دیگران هستیم، چرا از کتابخانه React Hook Form برای آسانتر کردن کار خود استفاده نکنیم؟
هم اکنون در این دوره شرکت کنید و قدرت ساخت فرمهای ری اکت بهتر در زمان کمتر را بدست آورید.
این دوره برای چه کسانی مناسب است؟
- برای همه توسعهدهندگان ری اکت، زیرا فرمها بخش حیاتی هر اپلیکیشن هستند.
- برای هر توسعهدهنده ری اکت که میخواهد به گردش کار خود سرعت بخشد.
- برای هر کسی که از جنبههای خستهکننده روش معمول ساخت فرمهای ری اکت خسته شده است.
- برای هر توسعهدهنده ری اکت که به دنبال ساخت فرمهای کارآمد است.
آموزش React Hook Form - راهنمای جامع ری اکت (2024)
-
پیشنمایش دوره 04:32
-
ساختار دوره 06:14
-
آشنایی با React Hook Form 02:23
-
بیایید از ابتدا شروع کنیم 08:06
-
مشکلات با روشهای معمول ایجاد فرمهای ری اکت 19:22
-
بیایید استفاده از React Hook Form را شروع کنیم 10:20
-
چگونه یک کنترل فرم را رجیستر کنیم؟ 11:40
-
افزایش عملکرد در RHF در مقابل فرم معمولی 04:45
-
انتقال مقادیر پیشفرض به کل فرم 05:00
-
تعریف قوانین اعتبارسنجی 08:01
-
چگونه از اعتبارسنجی استفاده کنیم؟ 11:58
-
تعریف اعتبارسنجی سفارشی 04:23
-
کامپوننتهای قابل استفاده مجدد برای فیلدهای ورودی 13:30
-
اضافه کردن یک لیست کشویی با RHF 16:02
-
فیلد فرم تودرتو در RHF 06:24
-
استفاده از useFormContext برای فرمهای قابل استفاده مجدد 07:27
-
تقسیم فرمهای پیچیده به کامپوننتهای ریز 08:11
-
آشنایی با State فرم 09:24
-
ویژگیهای State مربوط به ارسال فرم 12:31
-
رندر مجدد ایزوله با useFormState 15:41
-
useFormState با کنترل 10:55
-
با متد getFormState مشخص باشید 14:41
-
چگونه مقادیر کنترل فرم را مشاهده کنیم؟ 15:28
-
هوک useWatch برای رندر مجدد ایزوله 06:06
-
()getFieldValues و ()setValue 11:02
-
بیایید با آرایهای از فیلدها شروع کنیم 12:36
-
هوک useFieldArray 11:16
-
عملیاتهای CRUD درون آرایههای فیلد 16:04
-
اعتبارسنجی آرایه فیلد 06:36
-
لیست کشویی در یک جدول ویرایش درون خطی 10:57
-
تضمین نوع داده صحیح از کنترلهای فرم 09:00
-
چگونه با ویژگیهای وابسته به هم برخورد کنیم؟ 12:52
-
محاسبه مجموع نهایی 09:54
-
اعتبارسنجی ناهمزمان 03:52
-
متدهای ()trigger و ()setFocus 05:56
-
ایجاد سفارش 09:55
-
پر کردن یک فرم جدید با یک رکورد موجود 13:10
-
متدهای ()shouldUnRegister و ()unregister 16:08
-
متدها: ()reset() ،resetField و ()resetOptions 12:33
-
وقفههای دستی در آبجکت خطا 04:55
-
گزینه رجیستر: deps 04:51
-
اهمیت آرگومان useForm: مقادیر 04:05
-
آرگومان useForm: بررسی shouldUseNativeValidation 03:07
-
گزینه رجیستر: ref 01:04
-
چرا به یک کنترلر نیاز داریم؟ 15:03
-
چگونه از کامپوننت کنترلر استفاده کنیم؟ 08:12
-
کنترلهای فرم قابل استفاده مجدد با کنترلر 12:55
-
هوک useController 06:20
-
resolver از هوک useForm 07:41
-
زمینه از هوک useForm 08:19
-
بسیار متشکریم! 00:22
مشخصات آموزش
آموزش React Hook Form - راهنمای جامع ری اکت (2024)
- تاریخ به روز رسانی: 1404/06/14
- سطح دوره:همه سطوح
- تعداد درس:51
- مدت زمان :07:53:05
- حجم :3.55GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy