CSS-in-JS

Использует CSS-in-JS на базовом уровне. Создаёт простые компоненты по дизайну. Понимает базовые концепции и следует component guidelines.

Использует CSS-in-JS на базовом уровне. Создаёт простые компоненты по дизайну. Понимает базовые концепции и следует component guidelines.

Использует CSS-in-JS на базовом уровне. Создаёт простые компоненты по дизайну. Понимает базовые концепции и следует component guidelines.

Реализует сложные React UI-компоненты с styled-components или Emotion: динамические темы, адаптивные стили. Оптимизирует рендеринг, избегая лишних пересчётов стилей. Пишет тесты для styled-компонентов, применяет CSS-in-JS паттерны для state-driven стилизации.

Применяет CSS-in-JS подходы в Svelte-компонентах: scoped styles с динамическими class bindings и CSS custom properties. Оптимизирует рендеринг через compile-time оптимизацию стилей Svelte. Интегрирует design tokens и тестирует визуальные состояния компонентов.

Реализует сложные Vue-компоненты с CSS-in-JS библиотеками или scoped styles с динамическими bindings. Оптимизирует рендеринг, минимизируя пересчёты стилей в реактивном контексте. Применяет паттерны переключения тем и state-driven стилизации в Vue SFC.

Проектирует архитектуру дизайн-системы React с CSS-in-JS: token-based theming, variant API, compound component patterns. Оптимизирует bundle size через static extraction и critical CSS. Создаёт доступные компонентные библиотеки, соответствующие Core Web Vitals.

Проектирует архитектуру дизайн-системы Svelte, сочетая scoped CSS с CSS-in-JS для кросс-проектной консистентности. Оптимизирует bundle size и Core Web Vitals через zero-runtime CSS подход Svelte. Создаёт переиспользуемые доступные компоненты с поддержкой тем.

Проектирует архитектуру дизайн-системы Vue с CSS-in-JS: token-based theming, композиция вариантов, изоляция стилей. Оптимизирует bundle size и Core Web Vitals через tree-shaking и critical CSS extraction. Создаёт доступные переиспользуемые компонентные библиотеки.

Определяет архитектуру CSS-in-JS на уровне продукта для React: выбор styling-решений (runtime vs zero-runtime), контракты тем, стандарты design tokens. Проводит архитектурные ревью, обеспечивая производительность, доступность и поддерживаемость.

Определяет архитектуру стилей на уровне продукта для Svelte: оценка CSS-in-JS vs native Svelte styling, стандарты design tokens, гайдлайны стилизации компонентов. Проводит ревью, обеспечивая консистентный, производительный и доступный UI.

Определяет архитектуру CSS-in-JS на уровне продукта для Vue: оценка стратегий стилизации (SFC scoped vs CSS-in-JS), governance design tokens, стандарты API компонентов. Проводит ревью, обеспечивая масштабируемость, доступность и производительность.

Определяет стратегию CSS-архитектуры для экосистемы React-приложений: выбор между Tailwind CSS, CSS Modules и styled-components с учётом Server Components compatibility. Проектирует zero-runtime решения для SSR, стандартизирует design tokens и темизацию через всю организацию.

Определяет стратегию выбора между scoped styles Svelte, Tailwind CSS и CSS-in-JS решениями на уровне организации. Исследует производительность различных подходов к стилизации в контексте Svelte-компилятора, разрабатывает рекомендации по миграции между системами стилизации.

Определяет стратегию стилизации для Vue-экосистемы компании — zero-runtime CSS-in-JS через UnoCSS, atomic CSS подход с Tailwind, интеграция с design tokens. Исследует и внедряет передовые подходы — CSS Layers, Container Queries, View Transitions API во Vue-компонентах.