Тестирование компонентов React (Components)
Часть курса React
Вы меняете одну строку в общем компоненте, а потом двадцать минут кликаете по приложению и проверяете, что больше ничего не сломалось. Через неделю меняете её снова и снова тратите те же двадцать минут. В какой-то момент вы просто перестаёте её трогать, потому что проверка обходится дороже правки, и код потихоньку гниёт вокруг куска, к которому никто не рискует прикоснуться.
Тест: это те самые клики, записанные один раз и выполняемые машиной за секунду. Настоящая его ценность не в том, чтобы ловить ошибки сегодня, когда вы и так знаете, что код работает. Она в том, что через полгода вы сможете что-то переименовать, выбросить целую ветку логики или переписать компонент с нуля, запустить одну команду и получить честный ответ, сломали вы что-нибудь или нет. ...
Хочешь изучать React Тестирование компонентов React (Components) в реальной среде?
Нажми ниже, получи Linux-машину с React наготове и пройди Тестирование компонентов React (Components) на практике вместе с AI-наставником, который знает твой код.
Начать этот урокТестирование компонентов React (Components)Чему вы научитесь
- Vitest + React Testing Library setup
- Render and screen
- GetByRole queries
- UserEvent for interactions
- Writing one good button test
Читай этот урок на своём языке
Все уроки этого курса
17 уроков- 1Что такое React?25 мин
- 2JSX и компоненты (Components)30 мин
- 3Параметры (Props)30 мин
- 4Состояние (State) с помощью useState35 мин
- 5Обработка событий30 мин
- 6Условный рендеринг и списки30 мин
- 7Формы и управляемые поля ввода (Controlled Inputs)35 мин
- 8Эффекты (Effects) с useEffect40 мин
- 9Получение данных40 мин
- 10Компоновка компонентов (Components)35 мин
- 11Context и useContext35 мин
- 12useReducer35 мин
- 13Пользовательские хуки (Hooks)35 мин
- 14Производительность и мемоизация (Memoization)35 мин
- 15Маршрутизация с React Router40 мин
- 16Тестирование компонентов React (Components)40 мин
- 17Итоговый проект: приложение со списком задач60 мин
