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

ساخت کامپوننت‌های ری‌اکت با استفاده از توابع و هوک‌های ری‌اکت Build React Components using Functions and React Hooks

• آماده‌سازی و مقدمه Context Setting

• ساخت کامپوننت‌های تابعی Create Function Components​

• مشاهده و تکرار: نمایش پیام خوش‌آمدگویی با نام کاربری Watch and Repeat : Display Greetings Message With Username

• مروری بر مدیریت وضعیت در ری‌اکت Recall State Management in React​

• مدیریت وضعیت با استفاده از هوک useState Manage State Using useState Hook

• مشاهده و تکرار: نمایش تعداد کلیک‌های دکمه Watch and Repeat : Display Count of Button Clicks​

• مدیریت بهینه وضعیت با استفاده از هوک useReducer Handle State Management Efficiently Using useReducer Hook​

• مشاهده و تکرار: پیاده‌سازی مدیریت وضعیت با احراز هویت کاربر Watch and Repeat : Implement State Management With User Authentication

• ساخت هوک‌های سفارشی برای منطق وضعیت قابل استفاده مجدد Create Custom Hooks for Reusable Stateful logic​

• مشاهده و تکرار: توسعه منطق وضعیت برای ردیابی موقعیت موس Watch and Repeat : Develop Reusable Stateful Logic to Track Mouse Position

• ایجاد اثرات جانبی با استفاده از هوک useEffect Produce Side Effects Using useEffect Hook

• مشاهده و تکرار: نمایش مدت زمان مشاهده صفحه وب Watch and Repeat : Display the Duration for which Web Page was Viewed

• اشتراک‌گذاری داده‌ها بین کامپوننت‌ها با استفاده از هوک useContext Sharing Data among Components Using useContext Hook​

• مشاهده و تکرار: تعریف تم‌های روشن و تاریک و اعمال آن به چندین کامپوننت Watch and Repeat : Define Dark and Light Themes and Apply it to Multiple Components

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

• بررسی تمرین Practice Debrief

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

• بررسی چالش Challenge Debrief

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

تست هوک‌های سفارشی با استفاده از React Hooks Testing Library Test Custom Hooks Using React Hooks Testing Library

• آماده‌سازی و مقدمه Context Setting

• مشاهده و تکرار: تست هوک سفارشی Watch and Repeat : Test Custom Hook

• استفاده از React Hooks Testing Library برای تست هوک‌های سفارشی Make Use of React-Hooks-Testing-Library to test Custom Hooks​

• تست مقادیر وضعیت اولیه هنگام رندر شدن Test for Initial State Values on Rendering

• مشاهده و تکرار: تست هوک سفارشی در هنگام رندر Watch and Repeat : Test Custom Hook on Rendering

• تست تغییرات وضعیت در هنگام اجرای رویداد Test for State Changes on Event Trigger

• مشاهده و تکرار: تست هوک سفارشی در هنگام به‌روزرسانی وضعیت Watch and Repeat : Test Custom Hook on State Updates

• تست تغییرات وضعیت در هنگام تغییر Props Test for State Changes on Change in Props

• مشاهده و تکرار: تست هوک سفارشی برای به‌روزرسانی وضعیت توسط Props Watch and Repeat : Test Custom Hook for State Updates by Props

• تست تغییرات وضعیت در هنگام تغییر مقدار Context Test for State Changes on Change in Context Value​

• مشاهده و تکرار: تست هوک سفارشی برای به‌روزرسانی وضعیت توسط مقادیر Context Watch and Repeat : Test Custom Hook on State Updates by Context Values

• تست تغییرات وضعیت در به‌روزرسانی‌های ناهمگام (Asynchronous) Test for State Changes on Asynchronous Updates​

• مشاهده و تکرار: تست هوک سفارشی برای به‌روزرسانی‌های ناهمگام وضعیت Watch and Repeat : Test Custom Hook for Asynchronous State Updates

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

• بررسی تمرین Practice Debrief

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