آموزش ساخت جریان‌های کاری ناوبری با استفاده از React - آخرین آپدیت

ساخت فرم‌ها در React Building Forms in React

• مقدمه و بررسی زمینه Context Setting

• ایجاد کامپوننت‌های کنترل‌شده برای پیاده‌سازی فرم‌های React Create Controlled Components to Implement React Forms​

• مشاهده و تکرار: ساخت فرم‌های React با استفاده از کامپوننت‌های کنترل‌شده Watch and Repeat : Build React Forms using Controlled Components

• ساخت کامپوننت‌های کنترل‌نشده (Uncontrolled) برای مدیریت فرم‌ها Build Uncontrolled Components to handle Forms​

• مشاهده و تکرار: ساخت فرم‌های React با استفاده از کامپوننت‌های کنترل‌نشده Watch and Repeat : Build React Forms using Uncontrolled Components

• مدیریت اعتبارسنجی‌ها و پیام‌های خطا در فرم‌های React Manage Validations and Error Messages in React Forms​

• مشاهده و تکرار: اعتبارسنجی فرم‌های React با استفاده از روش‌های سفارشی Watch and Repeat : Validate React Forms using Custom Validation

• خلاصه تمرین Practice Brief

• بررسی و تحلیل تمرین Practice Debrief

• جمع‌بندی یادگیری Learning Consolidation

ساخت فرم‌ها در React با استفاده از Formik Building Forms in React using Formik

• مقدمه و بررسی زمینه Context Setting

• توضیح نحوه دریافت و ارسال مقادیر در وضعیت (State) فرم با استفاده از Formik Explain getting values IN and OUT of Form state using Formik

• ایجاد اعتبارسنجی‌های سفارشی با استفاده از Formik Create Custom Validations using Formik​

• مشاهده و تکرار: ساخت فرم‌های React با استفاده از کتابخانه Formik Watch and Repeat : Build React Forms using Formik Library

• مدیریت اعتبارسنجی‌ها و پیام‌های خطا با استفاده از Yup Manage Validations and Error Messages using Yup

• مشاهده و تکرار: اعتبارسنجی فرم‌های React با استفاده از Yup Watch and Repeat : Validate React Forms using Yup

• خلاصه تمرین Practice Brief

• بررسی و تحلیل تمرین Practice Debrief

• جمع‌بندی یادگیری Learning Consolidation

ناوبری بین صفحات با استفاده از React Router Navigate between views using React Routers

• مقدمه و بررسی زمینه Context Setting

• ایجاد یک اپلیکیشن وب React با قابلیت مسیریابی Create Route enabled React Web Application

• مشاهده و تکرار: پیکربندی React Router برای اپلیکیشن React Watch and Repeat : Configure React Router for React Application

• توضیح بارگذاری پویا (Dynamic) کامپوننت‌ها با استفاده از تنظیمات React Router Explain Loading Components Dynamically using the React Router configuration​

• مشاهده و تکرار: استفاده از React Router و قابل ناوبری کردن اپلیکیشن Watch and Repeat : Use React Router And Make Application Navigable

• ایجاد مسیرهای تو در تو (Nested Routes) با پارامترهای مسیر Create Nested Routes with Route Parameters

• مشاهده و تکرار: پیکربندی مسیرهای تو در تو و مسیرهای دارای پارامتر Watch and Repeat : Configure Nested Routes and Route with Parameter

• تعریف مسیریابی Wildcard Define Wildcard Route Navigation​

• خلاصه تمرین Practice Brief

• بررسی و تحلیل تمرین Practice Debrief

• خلاصه چالش Challenge Brief

• بررسی و تحلیل چالش Challenge Debrief

• جمع‌بندی یادگیری Learning Consolidation