آموزش پیاده سازی فرم ها در React 17

سرفصل ها و درس ها

بررسی اجمالی دوره Course Overview

• بررسی اجمالی دوره Course Overview

ایجاد فرم ها با استفاده از Vanilla React Creating Forms Using Vanilla React

• بررسی نسخه Version Check

• بررسی اجمالی Overview

• مدیریت Form State در React Managing Form State in React

• نحوه عملکرد فرم های کنترل شده در React How Controlled Forms Work in React

• ایجاد اولین فرم کنترل شده خود در React Creating Your First Controlled Form in React

• افزودن داده تأیید اعتبار در فرم کنترل شده  Adding Data Validation in a Controlled Form

ایجاد فرم ها با استفاده از Formik Creating Forms Using Formik

• مزایای استفاده از Formik برای ایجاد فرم ها Advantages of Using Formik for Creating Forms

• کلید کامپوننت ارائه شده توسط Formik Key Components Provided by Formik

• ایجاد فرم با استفاده از Formik Creating a Form Using Formik

• رسیدگی به ارسال فرم در فرمیک Handling Form Submission in Formik

• بازنویسی فرم  React با استفاده از Formik Rewriting a React Form Using Formik

• خلاصه Summary

پیاده سازی اعتبارسنجی داده ها Implementing Data Validation

• طعم های اعتبار سنجی ارائه شده توسط فورمیک Validation Flavors Provided by Formik

• کنترل نقاط تأییدسنجی تریگر در Formik Controlling Validation Trigger Points in Formik

• نمایش فیلد و  فرم سطح ارزیابی خطاهای در فرم Showing Field and Form Level Validation Errors in a Form

• مزایای استفاده از Yup با Formik Advantages of Using Yup with Formik

• ادغام Yup در Formik Form Integrating Yup into Formik Forms

• خلاصه Summary

ایجاد عناصر فرم سفارشی قابل استفاده مجدد Creating Reusable Custom Form Elements

• نیاز به ایجاد عناصر فرم سفارشی Need for Creating Custom Form Elements

• پشتیبانی از ایجاد عناصر فرم سفارشی در Formik Support for Creating Custom Form Elements in Formik

• افزودن فیلدهای سفارشی به فرم Formik Adding Custom Fields to a Formik Form

• خلاصه Summary

پیاده سازی فرم های کنترل نشده با استفاده از Vanilla React Implementing Uncontrolled Forms Using Vanilla React

• پیاده سازی فرم کنترل نشده با استفاده از Vanilla React Implementing Uncontrolled Forms Using Vanilla React

• افزودن عملکرد آپلود فایل به فرم Adding File Upload Functionality to a Form

استفاده از React Hook Form برای ایجاد فرم های کنترل نشده Using React Hook Form to Create Uncontrolled Forms

• ایجاد یک فرم با استفاده از React Hook Form Creating a Form Using React Hook Form

• اعتبار سنجی داده ها در فرم قلاب React Data Validation in React Hook Form