Frontend Developer (React)
Разработка пользовательских интерфейсов с React и экосистемой
Frontend Developer (React) — роль в семействе Frontend Engineering. Определено 56 навыков по 5 уровням (от Junior до Principal). 165 навыков являются обязательными. Ключевые домены: Основы программирования, Backend Development, Frontend Development.
Технологический стек
Фокус по уровням
Верстка компонентов по макетам (Figma). Разработка UI-компонентов с React. Работа со стейтом (useState/useReducer). Написание простых тестов.
Проектирование компонентной архитектуры. State management (Zustand/Redux Toolkit). Оптимизация рендеринга (memo, useMemo). Интеграция с API. Доступность (a11y).
Архитектура frontend-приложения. Оптимизация bundle size и Core Web Vitals. Проектирование дизайн-системы. SSR/SSG стратегии. Менторинг команды.
Frontend-платформа: mono-repo, CI/CD, design system. Стандарты TypeScript. Координация с дизайном и backend. Микрофронтенды при необходимости.
Frontend strategy компании. Выбор framework. Build system optimization. Performance culture. Open-source contributions.
Матрица навыков
56 навыков × 5 уровней. Нажмите на ячейку для детализации.
Архитектура и проектирование
1 навыков| Навыки | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| Основы System Design | A | W | A | E | E |
Базы данных
2 навыков| Навыки | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| PostgreSQL | A | W | A | E | E |
| Индексирование БД | A | W | A | E | E |
Безопасность
2 навыков| Навыки | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| OWASP и безопасность приложений | A | W | A | — | — |
| Практики безопасного кода | A | W | A | E | E |
Контроль версий и коллаборация
2 навыков| Навыки | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| Git Advanced | A | W | A | E | E |
| Code Review | A | W | A | E | E |
Облако и инфраструктура
5 навыков| Навыки | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| Docker | A | W | A | E | E |
| Kubernetes Core | A | W | A | E | E |
| Terraform | A | W | A | E | E |
| AWS | A | W | A | E | E |
| Основы сетей | A | W | A | — | — |
Основы программирования
8 навыков| Навыки | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| Алгоритмы и сложность | A | W | A | E | E |
| Структуры данных | A | W | A | E | E |
| Принципы ООП и SOLID | A | W | A | E | E |
| Паттерны проектирования | A | W | A | E | E |
| Многопоточное программирование | A | W | A | E | E |
| Асинхронное программирование | A | W | A | E | E |
| Качество кода и рефакторинг | A | W | A | E | E |
| Типобезопасность и системы типов | A | W | A | E | E |
Тестирование и QA
4 навыков| Навыки | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| Unit-тестирование | A | W | A | E | E |
| Интеграционное тестирование | A | W | A | E | E |
| E2E тестирование | A | W | A | E | E |
| Тестирование доступности | A | W | A | E | E |
AI-ассистированная разработка
4 навыков| Навыки | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| GitHub Copilot | A | W | A | E | E |
| Cursor IDE | A | W | A | A | — |
| ChatGPT / Claude | A | W | A | E | E |
| Prompt Engineering для кода | A | W | A | E | — |
API и интеграции
3 навыков| Навыки | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| REST API Design | A | W | A | E | E |
| GraphQL Design | A | W | A | E | E |
| Документирование API | A | W | A | E | E |
Backend Development
1 навыков| Навыки | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| Redis | A | W | A | E | E |
DevOps и CI/CD
1 навыков| Навыки | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| GitHub Actions / GitLab CI | A | W | A | E | E |
Frontend Development
19 навыков| Навыки | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| React Core | A | W | A | E | E |
| Next.js | A | W | A | E | E |
| Современный CSS | A | W | A | E | E |
| Tailwind CSS | A | W | A | E | E |
| CSS-in-JS | A | W | A | E | E |
| Разработка дизайн-систем | A | W | A | E | E |
| Web Components | A | W | A | E | E |
| Web APIs | A | W | A | E | E |
| Progressive Web Apps | A | W | A | E | E |
| Доступность (Accessibility) | A | W | A | E | E |
| Core Web Vitals | A | W | A | E | E |
| Оптимизация бандла | A | W | A | E | E |
| Vite и современные бандлеры | A | W | A | E | E |
| Компонентное тестирование | A | W | A | E | E |
| Визуальное регрессионное тестирование | A | W | A | E | E |
| State Management | A | W | A | E | E |
| Data Fetching | A | W | A | E | E |
| Микрофронтенды | A | W | A | E | E |
| SSR/SSG/ISR паттерны | A | W | A | E | E |
Observability и мониторинг
3 навыков| Навыки | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| Структурированное логирование | A | W | A | E | E |
| Prometheus и Grafana | A | W | A | E | E |
| OpenTelemetry | A | W | A | E | E |
Performance Engineering
1 навыков| Навыки | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| Performance Budgets | A | W | A | E | E |
Часто задаваемые вопросы
Какие навыки нужны для роли Frontend Developer (React)?
Для роли Frontend Developer (React) требуется 56 навыков, из которых 165 являются обязательными. Навыки распределены по 5 уровням: от Junior до Principal. Смотреть полную матрицу.
Как вырасти до следующего уровня в роли Frontend Developer (React)?
Используйте Калькулятор грейда чтобы оценить текущий уровень и получить персональные рекомендации. Система покажет, какие навыки нужно развить для перехода на следующий уровень.
Какой технологический стек используется в роли Frontend Developer (React)?
Стек включает 5 технологий на разных уровнях. TypeScript 5.3+, React 18+, CSS Modules/Tailwind, Vite, React Router, REST API fetch, Jest basics, TypeScript strict, React 18+, Zustand/Redux Toolkit, React Query/SWR, Tailwind/Styled Components, Storybook, Vitest, Playwright basics, ESLint/Prettier, TypeScript 5.4+, React 18+/Next.js 14+, Module Federation/Micro-frontends, Web Workers, Service Workers, Lighthouse optimization, Sentry, Bundle analysis (webpack-bundle-analyzer)...
Как сообщество определяет требования к роли Frontend Developer (React)?
Требования к роли формируются сообществом через систему предложений. Любой участник может предложить изменения, которые проходят голосование и ревью экспертов.