آزمایش کامپوننتهای ریاکت (Components)
بخشی از دوره ریاکت
یک خط در یک کامپوننت مشترک عوض میکنید و بعد بیست دقیقه در اپلیکیشن کلیک میکنید تا مطمئن شوید جای دیگری خراب نشده است. هفتهٔ بعد دوباره همان خط را عوض میکنید و همان بیست دقیقه را دوباره میگذارید. آخرش دیگر اصلاً دست به آن نمیزنید، چون این وارسی به زحمتش نمیارزد، و کد کمکم دور تکهای که کسی جرئت دست زدن به آن را ندارد میپوسد.
تست همان کلیک کردنهاست، یک بار نوشته میشود و ماشین در یک ثانیه اجرایش میکند. ارزش واقعیاش پیدا کردن باگ در همین امروز نیست، چون همین حالا خودتان میدانید کد کار میکند. ارزشش این است که شش ماه دیگر میتوانید چیزی را تغییر نام بدهید، شاخهای از منطق را حذف کنید یا کامپوننتی را از صفر بازنویسی کنید، یک دستور اجرا کنید و جوابی صادقانه بگیرید که چیزی را شکستهاید یا نه.
میخواهی ریاکت آزمایش کامپوننتهای ریاکت (Components) را در یک محیط واقعی یاد بگیری؟
روی دکمه زیر بزن تا یک ماشین لینوکس با ریاکت آماده دریافت کنی و آزمایش کامپوننتهای ریاکت (Components) را بهصورت عملی با یک مربی هوشمند که کدت را میشناسد تمرین کنی.
شروع این درسآزمایش کامپوننتهای ریاکت (Components)چه چیزهایی یاد میگیری
- Vitest + React Testing Library setup
- Render and screen
- GetByRole queries
- UserEvent for interactions
- Writing one good button test
این درس را به زبان خودت بخوان
همهٔ درسهای این دوره
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 دقیقه
دورههای دیگر را ببین
