React 19: логика отдельно, разметка отдельно — тесты с Shallowly и Vitest
React 19: логика отдельно, разметка отдельно — тесты с Shallowly и Vitest Материал разбирает профильную панель: логика и подготовка данных переезжают в useSetup[Component], а в компоненте остаётся лишь разметка. Проверки потом разводят по разным углам: setup-хук сам по себе, компонент через Shallowly, взаимодействие через React Testing Library. Под конец — цельный пример на Vitest: забирай и запускай. Читать далее 👉 Frontender's notes