Роли · Frontend Developer (React) · Lead

Что должен уметь Lead }

37 ключевых навыков, всего 54. Ожидания по каждому навыку и что меняется на следующем уровне.

На этой странице — что ожидается от Lead }, навык за навыком. Ключевые навыки оценивают руководитель и коллеги в цикле ревью; остальные учитываются только в самооценке. Основные области: Основы программирования, Frontend Development, API и интеграции.

37ключевых навыков
17дополнительных навыков
9областей
100%на уровне Продвинутый или Эксперт
Оценить себя как Lead Полная матрица роли

Ключевые навыки для Lead

Сгруппированы по областям. Метка справа — ожидаемая глубина: Осведомлённость, Применение, Продвинутый или Эксперт.

Основы программирования · 6

Определяет стандарты алгоритмической эффективности для React-приложений команды. Внедряет performance budgets на сложность операций, ревьюит решения по оптимизации reconciliation и серверных компонентов в Next.js App Router.

Стандартизирует асинхронные паттерны в React-приложениях команды: единый подход к data fetching через TanStack Query, обработке ошибок через Error Boundaries, стратегии retry и fallback. Определяет границы Suspense-зон в архитектуре.

Определяет стандарты качества кода для React-команды: style guide, архитектурные конвенции, обязательные ревью-чеклисты. Внедряет автоматизированные gates качества в CI/CD: TypeScript strict, ESLint, тесты, Lighthouse score, bundle analysis.

Определяет архитектурные паттерны для React-проектов команды: convention over configuration, моно-репо структуру с Turborepo. Стандартизирует подходы к композиции компонентов, управлению side-effects и интеграции с Next.js App Router.

Стандартизирует подходы к моделированию данных в React-приложениях команды: нормализация, денормализация, кеш-инвалидация. Определяет архитектурные паттерны работы с данными между серверными и клиентскими компонентами Next.js.

Стандартизирует подходы к типизации в React-проектах команды: strict TypeScript конфигурация, shared типы между фронтендом и бэкендом, auto-generated типы из API-схем (OpenAPI, GraphQL codegen). Определяет стратегию миграции с any.

Frontend Development · 19

Определяет стратегию визуального тестирования для React-проектов команды: coverage targets, процесс review visual changes, баланс между полнотой и скоростью CI. Интегрирует визуальное тестирование в workflow дизайнеров для Figma-to-code validation.

Стандартизирует accessibility в React-экосистеме организации: определяет a11y requirements для design system, создает testing playbooks для screen reader verification, внедряет accessibility champions program. Проводит обучение разработчиков и ревью дизайнов на WCAG compliance.

Определяет стандарты тестирования компонентов для React-команды: минимальный coverage, обязательные тест-кейсы для PR, структуру тестовых файлов. Внедряет testing culture: TDD для сложной логики, test-first подход для багфиксов, автоматические отчёты покрытия.

Определяет micro-frontend стратегию для организации: выбирает между Module Federation, single-spa и custom solution, стандартизирует shared design system для visual consistency. Проектирует developer experience: local development с mock remotes, testing strategy, version management.

Стандартизирует подход к bundle optimization в React-проектах команды: performance budgets per route, автоматические PR-комментарии с bundle diff, shared чанки в монорепо. Определяет архитектурные паттерны для минимизации JavaScript, отправляемого клиенту.

Руководит разработкой дизайн-системы для React-проектов команды: определяет API компонентов, процесс contribution, версионирование и breaking changes. Координирует с дизайнерами для обеспечения Figma-to-code consistency через design tokens.

Стандартизирует CSS-подходы в React-проектах команды: выбор методологии (Tailwind/Modules), конвенции, инструменты анализа. Внедряет автоматические проверки CSS-качества: stylelint, визуальное регрессионное тестирование, мониторинг CSS bundle size.

Core Web Vitals Эксперт

Определяет performance-стандарты Core Web Vitals для React-проектов команды: пороговые значения, мониторинг в CI/CD через Lighthouse CI, алерты при деградации. Внедряет culture of performance: dashboards, review checklists, regular performance audits.

CSS-in-JS Эксперт

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

Data Fetching Эксперт

Стандартизирует подходы к data fetching в React-проектах команды: единый API-клиент, конвенции использования TanStack Query, стратегию кеш-инвалидации. Определяет архитектурные решения: Server Components vs client fetching, оптимальные стратегии для каждого типа данных.

Next.js Эксперт

Определяет frontend-архитектуру на уровне продукта с Next.js. Формирует стандарты и best practices. Проводит архитектурные review.

Progressive Web Apps Эксперт

Определяет PWA-стратегию для React-проектов команды: стандарты offline-first архитектуры, метрики качества PWA, процессы тестирования. Координирует интеграцию PWA с существующей инфраструктурой Next.js, определяет scope и границы offline-функциональности.

React Core Эксперт

Определяет архитектурные стандарты использования React 18+ в команде: стратегию миграции на Server Components, конвенции по использованию concurrent features, границы клиентских и серверных компонентов. Менторит команду по продвинутым паттернам React.

Определяет стандарты рендеринг-паттернов для Next.js проектов команды: decision framework для выбора стратегии рендеринга, мониторинг TTFB и FCP, конвенции по организации серверных и клиентских компонентов. Менторит по архитектуре App Router.

State Management Эксперт

Стандартизирует подходы к state management в React-проектах команды: единый стек (Zustand + TanStack Query), конвенции структуры store, паттерны для типичных сценариев. Определяет границы серверного и клиентского состояния в Next.js App Router архитектуре.

Tailwind CSS Эксперт

Стандартизирует использование Tailwind CSS в React-проектах команды: единая конфигурация, shared preset для дизайн-системы, конвенции именования. Определяет стратегию миграции с legacy CSS-подходов, внедряет визуальное тестирование стилей через Storybook.

Стандартизирует Vite-конфигурацию для React-проектов команды: shared preset в монорепо с Turborepo, единые правила оптимизации, стратегия миграции с webpack. Определяет стандарты производительности сборки, мониторит build times в CI.

Web APIs Эксперт

Стандартизирует использование Web API в React-проектах команды: библиотеку хуков-обёрток, polyfill-стратегию, fallback-паттерны. Определяет архитектурные решения для работы с новыми API (View Transitions, Navigation API) в Next.js приложениях.

Web Components Эксперт

Определяет стратегию Web Components для React-команды: когда использовать WC vs React-компоненты, стандарты создания framework-agnostic компонентов. Координирует создание shared библиотеки Custom Elements для кросс-фреймворкового использования.

API и интеграции · 2

GraphQL Design Эксперт

Определяет GraphQL-стратегию для React-проектов команды: конвенции написания queries, структуру фрагментов, подход к code generation. Координирует с бэкенд-командой: schema design, breaking changes management, performance monitoring GraphQL-операций.

REST API Design Эксперт

Стандартизирует REST API интеграции в React-проектах команды: единый API-клиент, конвенции обработки ошибок, стратегию версионирования. Координирует с бэкенд-командой: API-контракты, документация через OpenAPI, типогенерация для end-to-end type safety.

Облако и инфраструктура · 1

Docker Эксперт

Стандартизирует Docker-практики для React-проектов команды: базовые образы, конвенции Dockerfile, security scanning. Определяет стратегию контейнеризации для различных типов React-приложений (SPA, SSR, static), интегрирует с CI/CD pipeline.

DevOps и CI/CD · 1

Стандартизирует CI/CD для React-проектов команды: reusable workflows для GitHub Actions, единые quality gates (tests, coverage, Lighthouse, a11y), стратегию deployment (preview, staging, canary, production). Определяет SLA на время CI и процесс hotfix.

Тестирование и QA · 3

Определяет стандарты тестирования доступности и quality gates для React-проектов в организации. Формирует инфраструктуру автоматизированного тестирования a11y, процессы сертификации доступности библиотек компонентов и отчётность соответствия WCAG для React-продуктов. Проводит архитектурные ревью, обеспечивая соответствие React-приложений требованиям доступности, и продвигает внедрение паттернов accessible-by-default компонентов в командах.

Стандартизирует E2E-testing для React-проектов команды: обязательные smoke tests для deployment, стратегию triage для flaky тестов, баланс между E2E и integration тестами. Определяет E2E coverage для критических бизнес-потоков, SLA на зелёный pipeline.

Стандартизирует unit-testing практики для React-команды: минимальный coverage, обязательные тест-кейсы для PR, shared testing utilities. Внедряет culture of testing: TDD для бизнес-логики, мутационное тестирование для оценки качества тестов, тренинги по testing patterns.

AI-ассистированная разработка · 2

ChatGPT / Claude Эксперт

Стандартизирует использование LLM в React-команде: approved инструменты, guidelines по промптам для кодогенерации, процессы ревью AI-generated кода. Определяет этические и юридические рамки использования AI в коммерческих React-проектах, мониторит качество AI-output.

GitHub Copilot Эксперт

Стандартизирует Copilot в React-команде: конфигурация для корпоративных политик, guidelines по code review AI-generated кода, метрики adoption и quality. Определяет стратегию: Copilot Business/Enterprise, разрешённые репозитории, интеграция с CI для проверки AI-кода.

Контроль версий и коллаборация · 2

Code Review Эксперт

Определяет code review процесс для React-команды: стандарты ревью (SLA на время, чеклисты), CODEOWNERS для критических модулей, стратегию automated reviews. Внедряет culture of constructive feedback, балансирует thoroughness и velocity, менторит junior-ревьюеров.

Git Advanced Эксперт

Стандартизирует Git-практики для React-проектов команды: branching model, merge strategy (squash vs merge), обязательные review policies. Определяет процесс release management: semantic versioning, automated releases, hotfix процедуры для Next.js deployments.

Performance Engineering · 1

Performance Budgets Эксперт

Стандартизирует performance budgets для React-проектов команды: единые пороговые значения, dashboard мониторинга, процесс triage при нарушениях. Внедряет performance culture: регулярные аудиты, performance review в PR checklist, обучение команды оптимизации React-приложений.

Дополнительные навыки

Команда их не оценивает, но они входят в самооценку и план развития.

Документирование APIИндексирование БДИнтеграционное тестированиеМногопоточное программированиеОсновы System DesignПрактики безопасного кодаПринципы ООП и SOLIDСтруктурированное логированиеAWSKubernetes CoreOpenTelemetryPostgreSQLPrometheus и GrafanaPrompt Engineering для кодаRedisTerraformCursor IDE

Что меняется на Principal

0 навыков получают более высокое ожидание или становятся ключевыми при переходе с Lead на Principal. Сначала самые большие скачки.

Страница Principal →
Прогоните это со всей командой
Самооценка плюс оценка руководителя и коллег по одной матрице, зоны роста и готовность к следующему уровню для каждого инженера. Team Pro бесплатно 14 дней; личные инструменты бесплатны всегда.
Попробовать с командой (14 дней бесплатно) Отправить тимлиду

} в открытой матрице компетенций: 54 навыков на 5 уровнях. Матрица бесплатна для специалистов и останется бесплатной.