README.Ar AR - React Hook Form

    </a>

</div>

https://user-images.githubusercontent.com/10513364/152621466-59a41c65-52b4-4518-9d79-ffa3fafa498a.mp4

</div> <p align="center"> <a href="https://react-hook-form.com/get-started">البدء</a> | <a href="https://react-hook-form.com/docs">واجهة التطبيق البرمجية</a> | <a href="https://github.com/bluebill1049/react-hook-form/tree/master/examples">أمثلة</a> | <a href="https://react-hook-form.com">عرض توضيحي</a> | <a href="https://react-hook-form.com/form-builder">منشئ استمارة</a> | <a href="https://react-hook-form.com/faqs">أسئلة شائعة</a> </p>

الميزات

تم تصميمه مع مراعاة الأداء وتجربة المستخدم وسهولة التطوير
يدعم التحقق من صحة استمارة الأساسي في HTML validation
اندماج مباشر مع مكتبات واجهة المستخدم UI libraries
[Small size] (https://bundlephobia.com/result?p=react-hook-form@latest) ولا dependencies
دعم Yup, Zod, AJV, Superstruct, Joi, Vest, class-validator, io-ts, nope وبناء مخصص

التثبيت

npm install react-hook-form

البداية السريعة

jsx

import React from 'react';
import { useForm } from 'react-hook-form';

function App() {
  const {
    register,
    handleSubmit,
    formState: { errors },
  } = useForm();
  const onSubmit = (data) => console.log(data);

  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      <input {...register('firstName')} />
      <input {...register('lastName', { required: true })} />
      {errors.lastName && <p>اسم العائلة مطلوب.</p>}
      <input {...register('age', { pattern: /\d+/ })} />
      {errors.age && <p>الرجاء إدخال عدد للعمر.</p>}
      <input type="submit" />
    </form>
  );
}

<a href="https://ui.dev/bytes/?r=bill"> </a> الرعاة شكرًا لهذه الشركات والأفراد اللطفاء والمحبين!

~الرعاة

الداعمين شكرًا لجميع داعمينا! [كن داعمًا].

<a href="https://opencollective.com/react-hook-form#backers"> </a> المساهمين شكرًا لهؤلاء الأشخاص الرائعين! [كن مساهمًا]. <a href="https://github.com/react-hook-form/react-hook-form/graphs/contributors"> </a> المساعدين شكرًا لكم على مساعدتكم والإجابة على أسئلة المجتمع.

~المساعدين

المنظمات شكرًا لهذه المنظمات الرائعة! [ساهم].