Design Systems & UI

Radix UI Primitives, Tailwind CSS v4 @theme, Compound Components, and type-safe forms

Section «Design Systems & UI» Progress

0%(0/2 steps)

+0 XP0 of 2 solved

Design Systems & UI

~12 h

ТЗ: Модульная дизайн-система на Radix UI Primitives, Tailwind CSS v4 и TypeScript

Инженерная спецификация создания масштабируемой библиотеки UI-компонентов: паттерн Compound Components, слот-компонент asChild, стилизация по data-атрибутам в Tailwind v4 и стандарты доступности WCAG 2.2 AA.

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

React 19Radix UI PrimitivesTailwind CSS v4 @themeSlot Pattern (asChild)+3

Progress: 0 of 1 steps0%

Design Systems & UI

~10 h

ТЗ: Многошаговый визард сложных форм с React Hook Form, Zod и Server Actions

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

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

React Hook Form v7Zod v3Server ActionsSession Storage Recovery+1

Progress: 0 of 1 steps0%