React 19: логика отдельно, разметка отдельно — тесты с Shallowly и Vitest

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

Под конец — цельный пример на Vitest: забирай и запускай.

Читать далее

👉 Frontender's notes