Головна/React і Next.js/Блупринти/Дизайн-системи & UI
Раздел • Дизайн-системи & UI • 2 ТЗ

Дизайн-системи & UI

Radix UI Primitives, Tailwind CSS v4 @theme, Compound Components та типобезпечні форми

Прогрес розділу «Дизайн-системи & UI»
0%(0/2 кроків)
+0 XP0 з 2 вирішено
Дизайн-системи & UI
~12 год

ТЗ: Модульная дизайн-система на 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
Прогрес: 0 з 1 кроків0%
Дизайн-системи & UI
~10 год

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

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

Форма должна быть максимально дружелюбной: подсвечивать ошибки только после взаимодействия, не терять заполненные данные при случайном закрытии вкладки и мгновенно валидировать ИНН и ОГРН.
React Hook Form v7Zod v3Server ActionsSession Storage Recovery+1
Прогрес: 0 з 1 кроків0%