Build tools и бандлинг 1
▼
Работает с базовой конфигурацией Vite для React-проекта: понимает dev server с HMR, TypeScript и JSX поддержку, настройку путей через resolve.alias. Использует стандартные плагины @vitejs/plugin-react, понимает различие dev/build режимов.
Настраивает продвинутую конфигурацию Vite для React: кастомные плагины, оптимизация зависимостей через optimizeDeps, настройка proxy для API. Конфигурирует Vitest как test runner, env-переменные через .env файлы, настраивает build для production.
Проектирует Vite-конфигурацию для сложных React-приложений: multi-entry builds, library mode для UI-пакетов, SSR-конфигурацию. Создаёт кастомные Vite-плагины для специфичных трансформаций, оптимизирует cold start и HMR для больших проектов.
Стандартизирует Vite-конфигурацию для React-проектов команды: shared preset в монорепо с Turborepo, единые правила оптимизации, стратегия миграции с webpack. Определяет стандарты производительности сборки, мониторит build times в CI.
CSS и стилизация 4
▼
Использует CSS-in-JS на базовом уровне. Создаёт простые компоненты по дизайну. Понимает базовые концепции и следует component guidelines.
Реализует сложные React UI-компоненты с styled-components или Emotion: динамические темы, адаптивные стили. Оптимизирует рендеринг, избегая лишних пересчётов стилей. Пишет тесты для styled-компонентов, применяет CSS-in-JS паттерны для state-driven стилизации.
Проектирует архитектуру дизайн-системы React с CSS-in-JS: token-based theming, variant API, compound component patterns. Оптимизирует bundle size через static extraction и critical CSS. Создаёт доступные компонентные библиотеки, соответствующие Core Web Vitals.
Определяет архитектуру CSS-in-JS на уровне продукта для React: выбор styling-решений (runtime vs zero-runtime), контракты тем, стандарты design tokens. Проводит архитектурные ревью, обеспечивая производительность, доступность и поддерживаемость.
Применяет базовые utility-классы Tailwind CSS для стилизации React-компонентов: отступы, цвета, типографика, flexbox. Использует responsive-префиксы (sm:, md:, lg:) для адаптивной вёрстки, понимает структуру tailwind.config.js.
Создаёт кастомную конфигурацию Tailwind CSS для React-проекта: расширяет тему, создаёт плагины, использует @apply для переиспользуемых стилей. Интегрирует с Radix UI и Headless UI, настраивает purge для оптимального bundle size с Vite.
Проектирует масштабируемую Tailwind CSS архитектуру для дизайн-системы на React: кастомные плагины, design tokens, варианты компонентов через CVA (Class Variance Authority). Оптимизирует CSS output для Server Components и streaming SSR.
Стандартизирует использование Tailwind CSS в React-проектах команды: единая конфигурация, shared preset для дизайн-системы, конвенции именования. Определяет стратегию миграции с legacy CSS-подходов, внедряет визуальное тестирование стилей через Storybook.
Использует готовые компоненты дизайн-системы на Radix UI в React-приложении: кнопки, формы, модалки, навигацию. Понимает принципы композиции компонентов, применяет правильные варианты и размеры согласно дизайн-гайдлайнам.
Создаёт переиспользуемые React-компоненты для дизайн-системы на базе Radix UI primitives: compound components, полиморфные компоненты через asChild. Документирует в Storybook с интерактивными примерами, типизирует props через TypeScript.
Проектирует архитектуру дизайн-системы на React: headless-компоненты с Radix UI, стилизация через Tailwind CSS + CVA, токенизация через CSS custom properties. Создаёт NPM-пакет с tree-shaking, автотестами и визуальным регрессионным тестированием.
Руководит разработкой дизайн-системы для React-проектов команды: определяет API компонентов, процесс contribution, версионирование и breaking changes. Координирует с дизайнерами для обеспечения Figma-to-code consistency через design tokens.
Владеет основами современного CSS для React: flexbox и grid для лейаутов, CSS custom properties для переменных, media queries для адаптивности. Применяет CSS Modules или Tailwind CSS для изоляции стилей в компонентах.
Использует продвинутые CSS-возможности в React-компонентах: container queries, :has(), @layer для управления специфичностью, CSS logical properties. Настраивает CSS Modules с типизацией через typed-css-modules, анимации через Framer Motion.
Проектирует CSS-архитектуру React-приложения: систему дизайн-токенов через CSS custom properties, адаптивную типографику через clamp(), оптимизацию CLS через aspect-ratio. Обеспечивает совместимость CSS-стратегии с React Server Components и streaming.
Стандартизирует CSS-подходы в React-проектах команды: выбор методологии (Tailwind/Modules), конвенции, инструменты анализа. Внедряет автоматические проверки CSS-качества: stylelint, визуальное регрессионное тестирование, мониторинг CSS bundle size.
Frontend-архитектура 1
▼
Понимает разницу между SSR, SSG и CSR в контексте Next.js. Использует App Router для создания серверных и клиентских компонентов, применяет generateStaticParams для статической генерации, понимает директивы use client и use server.
Реализует продвинутые рендеринг-паттерны в Next.js App Router: streaming SSR с Suspense, ISR с revalidate, параллельные и перехваченные маршруты. Оптимизирует TTFB через Server Components, настраивает кеширование данных и полных страниц.
Проектирует рендеринг-архитектуру Next.js приложений: стратегию выбора SSR/SSG/ISR/PPR для каждого маршрута, streaming-архитектуру с вложенными Suspense-границами, edge rendering для глобальных приложений. Обеспечивает баланс между производительностью и свежестью данных.
Определяет стандарты рендеринг-паттернов для Next.js проектов команды: decision framework для выбора стратегии рендеринга, мониторинг TTFB и FCP, конвенции по организации серверных и клиентских компонентов. Менторит по архитектуре App Router.
Frontend-тестирование 2
▼
Понимает концепцию визуального регрессионного тестирования для React-компонентов. Создаёт stories в Storybook для основных состояний компонентов, запускает базовые visual diff тесты через Chromatic или Percy для обнаружения непреднамеренных изменений UI.
Настраивает визуальное регрессионное тестирование для React-компонентов: интеграция Storybook с Chromatic для автоматических скриншот-сравнений, Playwright visual testing для E2E-сценариев. Покрывает ключевые состояния: responsive breakpoints, dark mode, loading states.
Проектирует систему визуального регрессионного тестирования для React-дизайн-системы: multi-theme и multi-viewport матрицу в Storybook/Chromatic, integration с CI для блокирующих проверок. Оптимизирует стабильность тестов: детерминистичные шрифты, фиксированные даты, mock данные.
Определяет стратегию визуального тестирования для React-проектов команды: coverage targets, процесс review visual changes, баланс между полнотой и скоростью CI. Интегрирует визуальное тестирование в workflow дизайнеров для Figma-to-code validation.
Пишет базовые тесты React-компонентов с React Testing Library и Vitest: рендеринг, проверка текста и элементов через screen queries, базовые user interactions (click, type). Следует принципу testing-library: тестировать поведение, а не реализацию.
Создаёт комплексные тесты React-компонентов: мокирование хуков и контекстов, тестирование асинхронных операций с waitFor, интеграционные тесты с MSW для мокирования API. Настраивает coverage reports, тестирует accessibility через jest-axe.
Проектирует стратегию тестирования React-компонентов: пирамиду тестов (unit/integration/E2E), shared test utilities и fixtures, custom render с провайдерами. Создаёт testing-library/react расширения для проектных паттернов, интегрирует с Storybook interaction tests.
Определяет стандарты тестирования компонентов для React-команды: минимальный coverage, обязательные тест-кейсы для PR, структуру тестовых файлов. Внедряет testing culture: TDD для сложной логики, test-first подход для багфиксов, автоматические отчёты покрытия.
React экосистема 2
▼
Использует Next.js на базовом уровне. Создаёт простые компоненты по дизайну. Понимает базовые концепции и следует component guidelines.
Самостоятельно реализует сложные UI-компоненты с Next.js. Оптимизирует производительность рендеринга. Пишет тесты. Применяет инструменты для state management.
Проектирует Next.js-приложения с App Router, RSC и streaming SSR. Оптимизирует Core Web Vitals через ISR, оптимизацию изображений и code splitting. Устанавливает паттерны фронтенд-архитектуры для команды.
Определяет frontend-архитектуру на уровне продукта с Next.js. Формирует стандарты и best practices. Проводит архитектурные review.
Использует React Core на базовом уровне. Создаёт простые компоненты по дизайну. Понимает базовые концепции и следует component guidelines.
Реализует сложные UI-компоненты с продвинутыми паттернами React, такими как compound components и render props. Оптимизирует рендеринг с помощью useMemo, useCallback и React.memo. Пишет всесторонние юнит- и интеграционные тесты с React Testing Library.
Глубоко понимает внутренние механизмы React 18+: Fiber-архитектуру, concurrent rendering, batching обновлений. Оптимизирует производительность через useTransition, useDeferredValue, React.memo, проектирует архитектуру Suspense-границ для streaming SSR.
Определяет архитектурные стандарты использования React 18+ в команде: стратегию миграции на Server Components, конвенции по использованию concurrent features, границы клиентских и серверных компонентов. Менторит команду по продвинутым паттернам React.
State management 2
▼
Загружает данные в React-компонентах через TanStack Query: базовые useQuery для GET-запросов, обработка loading и error состояний. Понимает кеширование и staleTime, использует fetch или axios для HTTP-запросов, отображает скелетоны во время загрузки.
Реализует продвинутые паттерны data fetching в React: мутации с оптимистичными обновлениями в TanStack Query, infinite scroll через useInfiniteQuery, параллельные и зависимые запросы. Настраивает глобальный error handling и retry-стратегии.
Проектирует data fetching архитектуру React-приложений: стратегию серверного и клиентского fetching в Next.js App Router, кеширование и ревалидацию, streaming с Suspense. Реализует слой абстракции для API-клиента с типобезопасностью через zod и TypeScript.
Стандартизирует подходы к data fetching в React-проектах команды: единый API-клиент, конвенции использования TanStack Query, стратегию кеш-инвалидации. Определяет архитектурные решения: Server Components vs client fetching, оптимальные стратегии для каждого типа данных.
Управляет локальным состоянием React-компонентов через useState и useReducer. Использует Zustand для глобального стейта (тема, пользователь, UI-состояния), понимает поднятие состояния (lifting state up) и передачу через props и React Context.
Проектирует state management в React-приложениях: разделение серверного (TanStack Query) и клиентского (Zustand/Jotai) состояния, оптимизация ре-рендеров через selectors и атомарный стейт. Реализует derived state, middleware в Zustand для логирования и персистентности.
Архитектурирует state management для сложных React-приложений: стратегию разделения состояния по доменам, синхронизацию между вкладками через Zustand middleware, оптимистичные обновления с rollback. Проектирует state machines через XState для сложных UI-потоков.
Стандартизирует подходы к state management в React-проектах команды: единый стек (Zustand + TanStack Query), конвенции структуры store, паттерны для типичных сценариев. Определяет границы серверного и клиентского состояния в Next.js App Router архитектуре.
Unit-тестирование 1
▼
Пишет базовые unit-тесты для React с Vitest: тестирование утилитарных функций, хуков через renderHook, простых компонентов с React Testing Library. Следует AAA-паттерну (Arrange, Act, Assert), понимает matchers и базовые моки.
Создаёт комплексные unit-тесты для React-логики: мокирование модулей и API через vi.mock, тестирование custom hooks с различными состояниями, snapshot тесты для стабильных компонентов. Настраивает coverage reports, добивается осмысленного покрытия бизнес-логики.
Проектирует unit-testing стратегию для React-приложений: тестовая архитектура (factories, fixtures, custom matchers), интеграция с MSW для API-мокирования, тестирование Zustand stores и TanStack Query hooks. Определяет что тестировать unit vs integration.
Стандартизирует unit-testing практики для React-команды: минимальный coverage, обязательные тест-кейсы для PR, shared testing utilities. Внедряет culture of testing: TDD для бизнес-логики, мутационное тестирование для оценки качества тестов, тренинги по testing patterns.
Web Performance 2
▼
Понимает метрики Core Web Vitals (LCP, FID/INP, CLS) и их влияние на React-приложение. Использует Lighthouse и React DevTools для базового анализа производительности, применяет Image component в Next.js для оптимизации LCP.
Оптимизирует Core Web Vitals в React/Next.js приложениях: LCP через приоритизацию загрузки и Server Components, INP через useTransition и дебаунс обработчиков, CLS через резервирование места для динамического контента и font display swap.
Проектирует архитектуру React-приложений для оптимальных Core Web Vitals: стратегию рендеринга (SSR/SSG/ISR/PPR) в Next.js, progressive hydration, selective streaming. Настраивает RUM-мониторинг через web-vitals библиотеку, определяет performance budgets.
Определяет performance-стандарты Core Web Vitals для React-проектов команды: пороговые значения, мониторинг в CI/CD через Lighthouse CI, алерты при деградации. Внедряет culture of performance: dashboards, review checklists, regular performance audits.
Понимает основы bundle optimization в React/Vite проектах: code splitting через React.lazy и Suspense, dynamic imports для тяжёлых библиотек. Анализирует bundle size через vite-plugin-visualizer, избегает импорта целых библиотек (lodash vs lodash-es).
Оптимизирует бандл React-приложения: настраивает chunk splitting в Vite для оптимального кеширования, реализует route-based code splitting в Next.js, tree-shaking для UI-библиотек. Настраивает bundle size limits в CI, анализирует и устраняет дублирование зависимостей.
Проектирует стратегию bundle optimization для React-приложений: гранулярный code splitting, prefetching через Speculation Rules API, module/nomodule подход. Внедряет автоматический мониторинг bundle size regression в CI, оптимизирует vendor chunks для длительного кеширования.
Стандартизирует подход к bundle optimization в React-проектах команды: performance budgets per route, автоматические PR-комментарии с bundle diff, shared чанки в монорепо. Определяет архитектурные паттерны для минимизации JavaScript, отправляемого клиенту.
Алгоритмы и структуры данных 2
▼
Понимает базовую сложность O(n), O(1) при работе с массивами и списками в React-компонентах. Избегает вложенных циклов при рендеринге списков через map(), использует key для оптимизации reconciliation алгоритма React.
Оптимизирует алгоритмы фильтрации и сортировки данных в React-приложениях с помощью useMemo и useCallback. Понимает алгоритм Virtual DOM diffing, применяет мемоизацию для предотвращения лишних пересчётов в компонентах с TanStack Query.
Проектирует эффективные алгоритмы обработки больших объёмов данных на клиенте с учётом ограничений main thread. Применяет Web Workers для тяжёлых вычислений, использует виртуализацию списков (TanStack Virtual) и стратегии инкрементального рендеринга.
Определяет стандарты алгоритмической эффективности для React-приложений команды. Внедряет performance budgets на сложность операций, ревьюит решения по оптимизации reconciliation и серверных компонентов в Next.js App Router.
Работает с массивами и объектами в state React-компонентов, понимает иммутабельность при обновлении состояния через useState и Zustand. Корректно использует spread-оператор и методы массивов для обновления UI.
Выбирает оптимальные структуры данных для нормализации state в Zustand/Jotai: Map для быстрого доступа по ключу, Set для уникальных коллекций. Проектирует форму стейта для эффективного обновления React-компонентов без лишних ре-рендеров.
Проектирует сложные структуры данных для кеширования и нормализации в TanStack Query и клиентском state. Реализует оптимистичные обновления с откатом, использует immer для безопасных мутаций вложенных структур в React-приложениях.
Стандартизирует подходы к моделированию данных в React-приложениях команды: нормализация, денормализация, кеш-инвалидация. Определяет архитектурные паттерны работы с данными между серверными и клиентскими компонентами Next.js.
Безопасность приложений 1
▼
Понимает основные уязвимости OWASP Top 10 в контексте React: XSS-предотвращение через автоматическое экранирование JSX, опасность dangerouslySetInnerHTML, CSRF-токены. Использует Content Security Policy headers в Next.js, валидирует пользовательский ввод.
Применяет OWASP-рекомендации в React/Next.js приложениях: настройка security headers (CSP, HSTS, X-Frame-Options) через next.config.js, безопасная аутентификация через NextAuth.js, защита API routes от injection. Проводит security review кода, использует npm audit.
Проектирует security-архитектуру React-приложений по OWASP: стратегию аутентификации и авторизации, защиту от SSRF в Server Components, secure cookie management. Внедряет автоматический security scanning в CI (Snyk, SAST), определяет threat model для фронтенд-приложений.
Веб-стандарты и API 4
▼
Понимает концепции PWA, включая service worker и настройку манифеста в React-приложениях. Использует Workbox с Create React App для базовых стратегий кэширования. Реализует запросы на установку и офлайн-страницы.
Реализует PWA-функциональность в React/Next.js приложениях: стратегии кеширования (cache-first, network-first) через Workbox, push-уведомления, offline fallback. Настраивает precaching критических ресурсов и runtime caching для API-ответов.
Проектирует PWA-архитектуру для React-приложений: стратегию синхронизации offline-данных с серверным состоянием TanStack Query, background sync, периодическую синхронизацию. Обеспечивает graceful degradation и progressive enhancement для всех фичей.
Определяет PWA-стратегию для React-проектов команды: стандарты offline-first архитектуры, метрики качества PWA, процессы тестирования. Координирует интеграцию PWA с существующей инфраструктурой Next.js, определяет scope и границы offline-функциональности.
Использует базовые Web API в React-компонентах: localStorage/sessionStorage для персистентности, fetch для HTTP-запросов, DOM API через useRef. Понимает жизненный цикл подписок в useEffect, корректно очищает listeners при размонтировании.
Интегрирует продвинутые Web API в React-приложения: IntersectionObserver для lazy loading через хуки, ResizeObserver для адаптивных компонентов, History API для кастомной навигации. Создаёт переиспользуемые React-хуки для типичных Web API паттернов.
Проектирует абстракции над Web API для React-приложений: WebSocket-менеджеры с автоматическим реконнектом и интеграцией в Zustand, Web Workers для тяжёлых вычислений, Shared Workers для синхронизации вкладок. Использует Streams API для обработки больших данных.
Стандартизирует использование Web API в React-проектах команды: библиотеку хуков-обёрток, polyfill-стратегию, fallback-паттерны. Определяет архитектурные решения для работы с новыми API (View Transitions, Navigation API) в Next.js приложениях.
Понимает стандарты Web Components (Custom Elements, Shadow DOM). Интегрирует сторонние веб-компоненты в React-приложения. Знает, когда использовать нативные компоненты vs абстракции React.
Создаёт React-обёртки для Web Components с корректной типизацией TypeScript: маппинг свойств, форвардинг событий, поддержка ref. Реализует двустороннюю интеграцию между React-компонентами и Custom Elements для использования в других фреймворках.
Проектирует стратегию использования Web Components в React-экосистеме: shared UI-примитивы как Custom Elements для framework-agnostic дизайн-системы, Shadow DOM для инкапсуляции в микрофронтенд-архитектуре. Обеспечивает SSR-совместимость через Declarative Shadow DOM.
Определяет стратегию Web Components для React-команды: когда использовать WC vs React-компоненты, стандарты создания framework-agnostic компонентов. Координирует создание shared библиотеки Custom Elements для кросс-фреймворкового использования.
Применяет базовые принципы accessibility в React-компонентах: семантические HTML-элементы, alt для изображений, aria-label для интерактивных элементов. Использует Radix UI для доступных UI-примитивов, проверяет базовую навигацию с клавиатуры.
Реализует accessible React-компоненты: использует React Aria (Adobe) или Radix UI для доступных примитивов, управляет фокусом через useRef и focus management, реализует keyboard navigation для custom components. Тестирует с axe-core и проверяет через screen reader (VoiceOver/NVDA).
Проектирует accessibility-архитектуру React-приложений: систему фокус-менеджмента для SPA-навигации в Next.js, стратегию ARIA для сложных интерактивных паттернов, accessibility-first подход в дизайн-системе. Внедряет автоматическое a11y-тестирование в CI.
Стандартизирует accessibility в React-экосистеме организации: определяет a11y requirements для design system, создает testing playbooks для screen reader verification, внедряет accessibility champions program. Проводит обучение разработчиков и ревью дизайнов на WCAG compliance.
Контейнеризация 1
▼
Понимает базовые концепции Docker для React-разработки: multi-stage сборки для React-приложений, nginx/node контейнеры для SSR/SPA, базовый docker-compose для локального стека разработки. Следует командным конвенциям контейнеризованных фронтенд-сборок.
Создаёт оптимизированные Dockerfile для React/Next.js приложений: multi-stage build, standalone output в Next.js, кеширование node_modules через слои. Настраивает docker-compose для full-stack разработки, оптимизирует размер образа через Alpine и .dockerignore.
Проектирует Docker-стратегию для React-приложений: оптимизация build pipeline для CI/CD, multi-target builds (dev/staging/prod), health checks для Next.js. Настраивает Docker для SSR-приложений с правильным управлением памятью и graceful shutdown.
Стандартизирует Docker-практики для React-проектов команды: базовые образы, конвенции Dockerfile, security scanning. Определяет стратегию контейнеризации для различных типов React-приложений (SPA, SSR, static), интегрирует с CI/CD pipeline.
Многопоточность и конкурентность 1
▼
Понимает async/await и Promise для работы с API в React-компонентах. Использует useEffect для загрузки данных, обрабатывает состояния loading/error/success при fetch-запросах, знает базовый TanStack Query для кеширования ответов.
Управляет сложными асинхронными потоками в React: параллельные запросы через Promise.all, зависимые запросы в TanStack Query, оптимистичные обновления с мутациями. Использует Suspense для декларативной загрузки данных и React.lazy для code splitting.
Проектирует асинхронную архитектуру React-приложений: стратегии кеширования и инвалидации в TanStack Query, streaming SSR в Next.js, конкурентный рендеринг с useTransition и useDeferredValue для отзывчивого UI.
Стандартизирует асинхронные паттерны в React-приложениях команды: единый подход к data fetching через TanStack Query, обработке ошибок через Error Boundaries, стратегии retry и fallback. Определяет границы Suspense-зон в архитектуре.
ООП и паттерны проектирования 1
▼
Применяет базовые React-паттерны: компонентная композиция, props drilling, условный рендеринг. Понимает разделение на презентационные и контейнерные компоненты, использует children и render props для переиспользования логики.
Владеет продвинутыми React-паттернами: compound components, render props, HOC, custom hooks для переиспользования логики. Применяет паттерн provider через React Context и Zustand для управления состоянием, использует TypeScript generics для типобезопасных компонентов.
Проектирует архитектурные паттерны React-приложений: модульную структуру с feature-sliced подходом, инверсию зависимостей через DI-контейнеры. Создаёт библиотеки переиспользуемых хуков и headless-компонентов на базе Radix UI.
Определяет архитектурные паттерны для React-проектов команды: convention over configuration, моно-репо структуру с Turborepo. Стандартизирует подходы к композиции компонентов, управлению side-effects и интеграции с Next.js App Router.
Сети 1
▼
Понимает базовые сетевые концепции для веб-приложений React — HTTP/HTTPS запросы через fetch/axios, конфигурация CORS и паттерны получения данных SSR. Следует рекомендациям команды по настройке API-клиентов, обработке сетевых ошибок и отладке сетевой активности браузера.
Разбирается в сетевых аспектах React/Next.js приложений: настройка CORS для API routes, HTTP/2 и Server Push для оптимизации загрузки, CDN-кеширование статики. Оптимизирует сетевые запросы: compression, resource hints (preload, prefetch, preconnect).
Проектирует сетевую архитектуру React-приложений: стратегию CDN-дистрибуции для Next.js, edge middleware для геолокации и A/B-тестов, WebSocket/SSE для real-time функциональности. Оптимизирует TTFB через edge computing и стратегическое кеширование на всех уровнях.
Системы типов 1
▼
Использует базовые TypeScript-типы в React-компонентах: интерфейсы для props, типизация useState и событий. Понимает разницу между type и interface, применяет React.FC, типизирует обработчики событий onChange, onClick.
Создаёт строго типизированные React-компоненты с generics, discriminated unions для props, условными типами. Типизирует хуки, контексты Zustand/Jotai, ответы TanStack Query. Использует zod для runtime-валидации на границе API.
Проектирует продвинутые системы типов для React-приложений: типобезопасные form-библиотеки, роутинг в Next.js App Router, generic-компоненты для UI-библиотек. Создаёт utility-типы и type guards для сложных бизнес-доменов.
Стандартизирует подходы к типизации в React-проектах команды: strict TypeScript конфигурация, shared типы между фронтендом и бэкендом, auto-generated типы из API-схем (OpenAPI, GraphQL codegen). Определяет стратегию миграции с any.
Специализированное тестирование 1
▼
Понимает базовые концепции тестирования доступности, включая рекомендации WCAG, семантический JSX и ARIA-роли в компонентах React. Следует чеклистам команды для запуска аудитов axe-core и тестов клавиатурной навигации на UI-элементах React. Использует запросы доступности React Testing Library (getByRole, getByLabelText) и DevTools браузера для выявления типичных проблем a11y в React-приложениях.
Самостоятельно пишет тесты доступности для компонентов React с использованием React Testing Library, jest-axe и a11y-утверждений Playwright/Cypress. Внедряет автоматизированное сканирование соответствия WCAG в CI/CD-пайплайны с настраиваемыми наборами правил для React-приложений. Тестирует поведение скринридеров для кастомных React hooks, управляющих фокусом, объявлениями и клавиатурным взаимодействием в иерархиях компонентов.
Проектирует комплексные стратегии тестирования доступности для экосистем React-приложений с покрытием требований WCAG 2.1 AA/AAA. Внедряет продвинутые паттерны тестирования — валидацию дерева доступности virtual DOM, объявления переходов динамических маршрутов и тестирование сложных state-driven виджетов с множеством ассистивных технологий. Создаёт переиспользуемые утилиты тестирования a11y для библиотек компонентов React и формирует непрерывный мониторинг доступности для продакшн React-приложений.
Определяет стандарты тестирования доступности и quality gates для React-проектов в организации. Формирует инфраструктуру автоматизированного тестирования a11y, процессы сертификации доступности библиотек компонентов и отчётность соответствия WCAG для React-продуктов. Проводит архитектурные ревью, обеспечивая соответствие React-приложений требованиям доступности, и продвигает внедрение паттернов accessible-by-default компонентов в командах.
Чистый код и рефакторинг 1
▼
Следует настроенным правилам ESLint и Prettier в React-проекте, пишет чистые функциональные компоненты. Использует осмысленные имена для компонентов, хуков и переменных, разделяет компоненты по ответственности, добавляет базовые TypeScript-типы.
Настраивает ESLint с eslint-plugin-react-hooks и @typescript-eslint для обеспечения качества React-кода. Пишет строго типизированные компоненты и хуки, применяет strict mode TypeScript, настраивает husky + lint-staged для pre-commit проверок.
Проектирует систему обеспечения качества React-кода: кастомные ESLint-правила для архитектурных конвенций, автоматический анализ bundle size в CI, метрики покрытия тестами. Внедряет Storybook для документации и визуального тестирования компонентов.
Определяет стандарты качества кода для React-команды: style guide, архитектурные конвенции, обязательные ревью-чеклисты. Внедряет автоматизированные gates качества в CI/CD: TypeScript strict, ESLint, тесты, Lighthouse score, bundle analysis.