useReducer
بخشی از دوره ریاکت
یک فرم پرداخت از جای سادهای شروع میشود. یک مقدار دارید، پس یک useState اضافه میکنید. بعد پیام خطا لازم میشود، پس یک useState دیگر. بعد یک فلگ «در حال بارگذاری»، بعد یک فلگ «کاربر هنوز به این فیلد دست زده یا نه»، و حالا چهار تکه استیت جدا دارید که شش هندلر مختلف باید با ترکیب درست بهروزشان کنند. ثبت فرم باید بارگذاری را روشن کند، خطا را پاک کند و دکمه را غیرفعال کند.
useReducer پاسخ ریاکت به همین وضع است. جای اینکه قاعدههای بهروزرسانی در هندلرها پخش باشد، یک تابع مینویسید که هر راهی را که استیت مجاز است از آن راه عوض شود توصیف میکند، و کامپوننتها تغییر را با نام درخواست میکنند. تصویر ذهنیاش یک دستگاه خودکار فروش است: دستگاه همهٔ استیت را داخل خودش نگه میدارد، سیمکشی داخلش تعیین میکند هر دکمه چه کاری میکند، و شما با فشار دادن یک دکمهٔ برچسبدار با آن کار دارید، نه با...
میخواهی ریاکت useReducer را در یک محیط واقعی یاد بگیری؟
روی دکمه زیر بزن تا یک ماشین لینوکس با ریاکت آماده دریافت کنی و useReducer را بهصورت عملی با یک مربی هوشمند که کدت را میشناسد تمرین کنی.
شروع این درسuseReducerچه چیزهایی یاد میگیری
- When to reach for useReducer
- Reducer function shape
- Action objects
- Dispatch
- Combining useReducer with useContext
این درس را به زبان خودت بخوان
همهٔ درسهای این دوره
17 درس- 1ریاکت چیست؟25 دقیقه
- 2JSX و کامپوننتها (Components)30 دقیقه
- 3پراپس (Props)30 دقیقه
- 4وضعیت (State) با useState35 دقیقه
- 5مدیریت رویدادها30 دقیقه
- 6رندر شرطی و لیستها30 دقیقه
- 7فرمها و ورودیهای کنترلشده (Controlled Inputs)35 دقیقه
- 8افکتها (Effects) با useEffect40 دقیقه
- 9دریافت داده40 دقیقه
- 10ترکیب کامپوننت (Component)35 دقیقه
- 11Context و useContext35 دقیقه
- 12useReducer35 دقیقه
- 13هوکهای سفارشی (Hooks)35 دقیقه
- 14عملکرد و مموایزیشن (Memoization)35 دقیقه
- 15مسیریابی با React Router40 دقیقه
- 16آزمایش کامپوننتهای ریاکت (Components)40 دقیقه
- 17پروژه نهایی: برنامه کارها60 دقیقه
دورههای دیگر را ببین
