React 19: разделяем логику и разметку, тестируем с Shallowly и Vitest

В статье рассматривается современный подход к архитектуре компонентов в React 19, направленный на улучшение читаемости и тестируемости кода. Автор предлагает выносить бизнес-логику и подготовку данных в специализированные хуки типа useSetup, оставляя в самом компоненте только декларативную разметку. Такой подход способствует более чистому разделению ответственности. В материале подробно описывается процесс тестирования: проверка логики через setup-хуки, использование библиотеки Shallowly для изоляции компонентов и React Testing Library для проверки пользовательских взаимодействий. В завершение приводится полный практический пример с использованием тестового фреймворка Vitest, который читатели могут использовать в своих проектах. Статья будет полезна разработчикам, стремящимся оптимизировать структуру своих React-приложений и повысить покрытие кода тестами.