Формирует архитектурную стратегию обработки данных в масштабных React-приложениях. Определяет баланс между клиентскими и серверными вычислениями через React Server Components, проектирует edge-computing паттерны для минимизации латентности.
Роли · Frontend Developer (React) · Principal
Что должен уметь Principal }
36 ключевых навыков, всего 52. Ожидания по каждому навыку и что меняется на следующем уровне.
На этой странице — что ожидается от Principal }, навык за навыком. Ключевые навыки оценивают руководитель и коллеги в цикле ревью; остальные учитываются только в самооценке. Основные области: Основы программирования, Frontend Development, API и интеграции.
Ключевые навыки для Principal
Сгруппированы по областям. Метка справа — ожидаемая глубина: Осведомлённость, Применение, Продвинутый или Эксперт.
Основы программирования · 6
Определяет стратегию асинхронной обработки данных для экосистемы React-приложений. Проектирует архитектуру с React Server Components для серверного data fetching, edge-функциями для снижения латентности, real-time подписками через WebSocket/SSE.
Формирует культуру качества кода в React-организации. Разрабатывает shared ESLint-конфиги и TypeScript-конфигурации для экосистемы проектов, определяет метрики качества и SLA, внедряет автоматический мониторинг технического долга.
Формирует систему архитектурных паттернов для масштабных React-экосистем. Определяет стратегию переиспользования через shared-библиотеки, микрофронтенды на Module Federation, единые конвенции для десятков React-приложений организации.
Разрабатывает стратегию управления данными для экосистемы React-приложений. Проектирует универсальные модели данных, обеспечивающие консистентность между React Server Components, клиентским кешем и персистентным хранилищем.
Определяет стратегию типобезопасности для экосистемы React-приложений. Проектирует end-to-end type safety от БД до UI через tRPC/GraphQL codegen, shared type packages в монорепо, автоматическую генерацию типов из контрактов.
Frontend Development · 18
Формирует стратегию визуального качества для экосистемы React-приложений: единую visual testing platform, cross-product consistency checks, автоматическое обнаружение дизайн-drift. Определяет инвестиции в инструментарий и процессы visual QA на уровне организации.
Формирует стратегию accessibility для экосистемы React-приложений организации. Определяет WCAG compliance roadmap, стандарты для дизайн-системы, процессы аудита и сертификации. Обеспечивает legal compliance и inclusive design principles на уровне всей компании.
Формирует стратегию тестирования компонентов для экосистемы React-приложений: shared testing infrastructure, cross-project test utilities, стандарты для дизайн-системы. Определяет метрики качества тестов и инвестиции в тестовую инфраструктуру на уровне организации.
Определяет стратегию bundle optimization для экосистемы React-приложений: shared dependencies через Module Federation, оптимальные CDN-стратегии, архитектуру загрузки ресурсов. Проектирует platform-level решения для автоматической оптимизации бандлов во всех продуктах.
Определяет стратегию дизайн-системы для экосистемы React-приложений организации. Проектирует multi-brand архитектуру с общим ядром, white-label темизацию, governance model для распределённых команд и стратегию adoption по всей компании.
Определяет долгосрочную CSS-стратегию для React-экосистемы: архитектуру токенов, подход к темизации, стандарты accessibility. Оценивает новые CSS-спецификации и их влияние на архитектуру стилей, планирует миграционные пути.
Формирует performance-стратегию на уровне организации: SLA по Core Web Vitals для всех React-продуктов, архитектурные паттерны для достижения целей, инвестиции в edge infrastructure. Оценивает влияние performance на бизнес-метрики и конверсию.
Определяет стратегию CSS-архитектуры для экосистемы React-приложений: выбор между Tailwind CSS, CSS Modules и styled-components с учётом Server Components compatibility. Проектирует zero-runtime решения для SSR, стандартизирует design tokens и темизацию через всю организацию.
Определяет стратегию data fetching для экосистемы React-приложений: BFF-архитектуру с React Server Components, edge caching, GraphQL federation. Проектирует platform-level решения для унифицированного доступа к данным, real-time синхронизации и оффлайн-поддержки.
Определяет стратегию развития Next.js-платформы организации: архитектуру App Router с React Server Components, edge runtime для глобальной дистрибуции, ISR/PPR для оптимального баланса производительности и свежести данных. Формирует стандарты middleware, caching и deployment.
Формирует стратегию PWA для экосистемы React-приложений организации. Определяет архитектуру распределённого кеширования между Service Worker, React Server Components и edge CDN, проектирует единый подход к offline-first для всех продуктов.
Формирует долгосрочную стратегию React-платформы организации. Определяет архитектуру перехода на React Server Components, оценивает adoption новых React API (use, Actions), проектирует framework-agnostic слой для снижения vendor lock-in.
Формирует рендеринг-стратегию для экосистемы React-приложений организации: архитектуру edge rendering, PPR для оптимального баланса, стратегию глобального CDN-кеширования. Оценивает новые паттерны (React Server Actions, PPR) и определяет roadmap adoption.
Определяет стратегию state management для экосистемы React-приложений: архитектуру распределённого состояния, синхронизацию между микрофронтендами, стратегию миграции legacy-решений. Формирует platform-level абстракции для унификации управления состоянием.
Определяет CSS-стратегию для экосистемы React-приложений организации. Проектирует shared Tailwind preset как npm-пакет для консистентного UI, определяет архитектуру темизации (dark mode, white-label), обеспечивает совместимость с RSC.
Определяет build-стратегию для экосистемы React-приложений: выбор между Vite и Turbopack для различных сценариев, архитектуру монорепо-сборки, оптимизацию CI/CD пайплайнов. Оценивает новые инструменты (Turbopack, Rspack) и планирует миграционные пути.
Определяет стратегию адаптации Web Platform API для экосистемы React-приложений. Оценивает новые API (View Transitions, Speculation Rules) для улучшения UX, проектирует platform-abstraction layer для кросс-платформенных React-решений.
Формирует архитектурную стратегию Web Components для организации: standard-based UI-примитивы, стратегию переносимости между React и другими фреймворками, интеграцию с дизайн-системой. Определяет долгосрочный вектор: React-specific vs Web Standards.
API и интеграции · 2
Формирует GraphQL-стратегию для экосистемы React-приложений: GraphQL Federation для микросервисов, schema governance, стратегию миграции с REST. Определяет архитектурные решения: Relay vs Apollo, server-driven UI, edge caching для GraphQL на уровне организации.
Определяет стратегию API-архитектуры для экосистемы React-приложений: API Gateway, BFF per frontend, contract-first development. Проектирует platform-level решения для API management, мониторинга, rate limiting и обеспечения обратной совместимости.
Облако и инфраструктура · 1
Определяет контейнерную стратегию для экосистемы React-приложений: оркестрация через Kubernetes, стратегия деплоя (Vercel vs self-hosted), оптимизация cold start для serverless. Проектирует infrastructure-as-code для всех React-продуктов организации.
DevOps и CI/CD · 1
Определяет CI/CD стратегию для экосистемы React-приложений: platform team workflows, shared infrastructure для монорепо с Turborepo, progressive delivery (feature flags, canary releases). Проектирует developer experience pipeline для максимальной продуктивности.
Тестирование и QA · 3
Формирует стратегию тестирования доступности организации в экосистемах React и фронтенда, встраивая соответствие WCAG в жизненный цикл разработки. Двигает инновации в автоматизации доступности — контракты a11y на уровне компонентов, кроссбраузерные фреймворки тестирования с ассистивными технологиями и мониторинг доступности реальных пользователей в продакшне. Влияет на практики доступности сообщества React через open-source вклад и развитие экосистемы инструментов a11y.
Определяет E2E-стратегию для экосистемы React-приложений: cross-product сценарии, shared test infrastructure, стратегию тестирования микрофронтендов. Формирует архитектуру тестовых сред, инвестиции в test platform и метрики надёжности E2E-тестов.
Определяет стратегию unit-тестирования для экосистемы React-приложений: shared test infrastructure в монорепо, метрики качества тестов (mutation score), стандарты для библиотек и дизайн-системы. Формирует инвестиционную стратегию в тестовую инфраструктуру.
AI-ассистированная разработка · 2
Формирует стратегию AI-augmented разработки для организации: интеграция LLM в developer workflow, custom fine-tuning для проектных конвенций, метрики ROI от AI-инструментов. Определяет governance framework для AI-assisted development в React-экосистеме.
Формирует стратегию GitHub Copilot для организации: enterprise deployment, политики безопасности и IP, ROI-анализ продуктивности. Определяет интеграцию Copilot с другими AI-инструментами, custom model training для React-экосистемы, governance и compliance framework.
Контроль версий и коллаборация · 2
Формирует culture of code review для организации: cross-team review практики, architecture review board для значимых React-изменений. Определяет стандарты качества ревью, метрики эффективности (cycle time, review coverage), программу mentorship для ревьюеров.
Определяет Git-стратегию для экосистемы React-приложений организации: монорепо vs полирепо архитектуру, инструменты управления (Turborepo, Nx), стратегию миграции. Формирует standards для cross-team collaboration, inner source practices и open source governance.
Performance Engineering · 1
Определяет performance-стратегию для экосистемы React-приложений организации: SLA по Core Web Vitals для всех продуктов, платформенные решения для автоматической оптимизации, ROI-модель связи performance с бизнес-метриками. Формирует performance engineering culture.
Дополнительные навыки
Команда их не оценивает, но они входят в самооценку и план развития.
} в открытой матрице компетенций: 52 навыков на 5 уровнях. Матрица бесплатна для специалистов и останется бесплатной.