Где-то месяц назад мне написал какой-то совершенно рандомный чел с предложением по работе. Формулировка обычная: ищем человека на фронтенд, сделай небольшое тестовое, будет ок - возьмем. По его словам представлял ТВОЕ, магазин одежды.

Ну по описанию тестовое действительно было небольшое, решил сделать. Даны несколько компонентов на Реакт и макет в Фигме. Нужно привести к дизайну внешний вид, задеплоить куда-либо, прислать ссылку для проверки.

Одна из задач заключалась в том, чтобы при ховере на инпуте менялись его стили и стили других компонентов рядом, а именно: инпут и его лейбл должны получить новые цвета, аватарка должна получить бордер.

Это довольно легко решается благодаря свойству group в tailwind.

Вешаем на родительский контейнер свойство group в классы, а дочерним элементам назначаем свойства, которые хотим менять, с префиксом group-*. Приведу сильно упрощенный пример на скрине.

С заданием я управился за пару часов, неспешно разбирая макет, выбирая инструменты, вспоминая, как деплоить на GitHub Pages.

Очень жаль, что мне никто в итоге не ответил и, более того, удалил всю переписку со мной в Телеграм. Такой утилитарный подход ко мне, как к человеку, меня, конечно, сильно задевает.

Кстати, если делаете тестовые, всегда проверяйте зависимости проекта, прежде, чем их устанавливать. Много постов встречал про то, как воруют данные с личных компьютеров во время установки проекта, внутри которого вредоносный код.

#ищуработу #тестовое #tailwind