دورة TanStack Form الكاملة
الدورة كاملة بالعربية: 21 درسًا في TanStack Form مع React — التنصيب، والحقول من النوع الأول مع TypeScript، والبيانات الوصفية للحقول، والتفاعلية والمستمعون (listeners)، وحقول الكائنات والمصفوفات، والتحقّق على مستوى الحقل وعلى مستوى النموذج، والتحقّق غير المتزامن والديناميكي، والحقول المترابطة، والتحقّق عبر Zod مع refine وasync، وملاحظات إرسال النماذج، ومكوّنات shadcn/ui، واستخدام useAppForm، وبناء مكوّنات حقول ونماذج ومجموعات حقول قابلة لإعادة الاستخدام، والتحميل الكسول لمكوّنات النموذج، وتقسيم النماذج الكبيرة عبر المعالجَين withForm وwithFieldGroup. كل درس يتضمن التفريغ الزمني الكامل مع الفيديو الأصلي المضمّن.
دورة على YouTube للمؤلف Ali Alaa بإذنها المؤكَّد، والترجمة غير الرسمية وغير التجارية. كل درس يقابله فرع شيفرة البداية في مستودع الدورة. الوثائق الرسمية: https://tanstack.com/form.
دورة TanStack Form الكاملة
21- 01 مقدمة
- 02 التثبيت (Installation)
- 03 النموذج الأول (First Form)
- 04 المعلومات الوصفية للحقول (Fields Meta Data)
- 05 التفاعلية والمستمعات (Reactivity & Listeners)
- 06 الكائنات والمصفوفات (Objects & Arrays)
- 07 التحقّق من الصحة على مستوى الحقل (Field Level Validations)
- 08 التحقّق من الصحة على مستوى النموذج (Form Level Validations)
- 09 التحقّق من الصحة غير المتزامن (Async Validations)
- 10 التحقّق الديناميكي من الصحة (Dynamic Validations)
- 11 الحقول المرتبطة (Linked Fields)
- 12 التحقّق من الصحة باستخدام Zod (Validating with ZOD)
- 13 التحقّق من الصحة باستخدام Zod (Refine and Async)
- 14 ملاحظات حول إرسال النموذج (Notes on Form Submission)
- 15 استخدام مكوّنات shadcn (Using shadcn Components)
- 16 إعادة هيكلة نموذجنا واستخدام useAppForm (Refactoring Our Form & Using useAppForm)
- 17 إنشاء مكوّنات حقول قابلة لإعادة الاستخدام (Creating Reusable Field Components)
- 18 إنشاء مكوّنات نموذج قابلة لإعادة الاستخدام (Creating Reusable Form Components)
- 19 التحميل الكسول لمكوّنات النموذج (Lazy Loading Form Components)
- 20 تقسيم النماذج إلى أجزاء أصغر باستخدام withForm HOC (Breaking Forms into Smaller Pieces with withForm HOC)
- 21 إنشاء مجموعة حقول قابلة لإعادة الاستخدام باستخدام withFieldGroup HOC (Creating Reusable Group of Fields with withFieldGroup HOC)