Домен
Frontend Development
Профиль навыка
Компоненты, hooks, JSX, Virtual DOM, reconciliation
Ролей
5
где встречается этот навык
Грейдов
5
сформированная дорожка роста
Обязательных требований
21
ещё 4 — необязательные
Frontend Development
React экосистема
17.03.2026
Выберите текущий грейд и сравните ожидания. Карточки ниже покажут, что нужно закрыть для следующего уровня.
Таблица показывает, как меняется глубина владения навыком от Junior до Principal.
| Роль | Обязательность | Описание |
|---|---|---|
| Blockchain Developer | Использует React Core на базовом уровне в Hardhat/Foundry. Создаёт простые компоненты по дизайну. Понимает базовые концепции и следует component guidelines. | |
| Desktop Developer (Electron/Tauri) | Обязателен | Знает React для Electron renderer: JSX, components, hooks (useState, useEffect). Создаёт UI-компоненты для desktop. Понимает React lifecycle в контексте Electron BrowserWindow. |
| Frontend Developer (React) | Обязателен | Использует React Core на базовом уровне. Создаёт простые компоненты по дизайну. Понимает базовые концепции и следует component guidelines. |
| Fullstack Developer | Обязателен | Создаёт простые React-компоненты, интегрированные с backend API. Понимает JSX, props и state для full-stack разработки функционала. Следует паттернам компонентов, установленным командой, для согласованных UI-слоёв. |
| React Native Developer | Использует основные концепции React, включая hooks, props и state в контексте React Native. Создаёт простые мобильные экраны, следуя платформенным гайдлайнам дизайна. Понимает жизненный цикл компонентов и базовые паттерны навигации. |
| Роль | Обязательность | Описание |
|---|---|---|
| Blockchain Developer | Самостоятельно реализует сложные UI-компоненты с React Core. Оптимизирует производительность рендеринга. Пишет тесты с forge test/Hardhat test. Применяет для state management. | |
| Desktop Developer (Electron/Tauri) | Обязателен | Разрабатывает React UI для Electron с TypeScript strict mode. Использует React.lazy для code splitting. Реализует виртуализацию (react-window) для больших списков. Применяет React.memo и useMemo для оптимизации. |
| Frontend Developer (React) | Обязателен | Реализует сложные UI-компоненты с продвинутыми паттернами React, такими как compound components и render props. Оптимизирует рендеринг с помощью useMemo, useCallback и React.memo. Пишет всесторонние юнит- и интеграционные тесты с React Testing Library. |
| Fullstack Developer | Обязателен | Самостоятельно реализует сложные UI-компоненты с React Core. Оптимизирует производительность рендеринга. Пишет тесты. Применяет для state management. |
| React Native Developer | Реализует сложные мобильные компоненты, связывая паттерны React core с нативными возможностями платформы. Оптимизирует рендеринг FlatList и управляет состоянием с Redux или Zustand. Тестирует компоненты с Jest и React Native Testing Library. |
| Роль | Обязательность | Описание |
|---|---|---|
| Blockchain Developer | Обязателен | Проектирует архитектуру frontend с React Core. Оптимизирует bundle size и Core Web Vitals. Создаёт design systems и переиспользуемые компоненты. Менторит команду. |
| Desktop Developer (Electron/Tauri) | Обязателен | Проектирует React component architecture для Electron. Создаёт design system с compound components. Оптимизирует rendering через React Server Components concepts (RSC-like patterns). Реализует concurrent features. |
| Frontend Developer (React) | Обязателен | Глубоко понимает внутренние механизмы React 18+: Fiber-архитектуру, concurrent rendering, batching обновлений. Оптимизирует производительность через useTransition, useDeferredValue, React.memo, проектирует архитектуру Suspense-границ для streaming SSR. |
| Fullstack Developer | Обязателен | Создаёт сложные React-компоненты для fullstack-приложений с оптимальным управлением серверным и клиентским состоянием. Интегрирует React Query/SWR для синхронизации с API, применяет suspense-паттерны и оптимизацию рендеринга для бесшовного UX. |
| React Native Developer | Обязателен | Глубоко владеет React Core в контексте React Native — оптимизация reconciliation для мобильных списков, правильное использование memo/useMemo/useCallback. Профилирует ререндеры через React DevTools и Flipper. Внедряет Concurrent Mode паттерны и Suspense для data fetching. |
| Роль | Обязательность | Описание |
|---|---|---|
| Blockchain Developer | Обязателен | Определяет frontend-архитектуру на уровне продукта с React Core. Формирует стандарты и best practices. Проводит архитектурные review. |
| Desktop Developer (Electron/Tauri) | Обязателен | Определяет React стандарты для Electron-команды. Координирует component library. Формирует React best practices для desktop context. |
| Frontend Developer (React) | Обязателен | Определяет архитектурные стандарты использования React 18+ в команде: стратегию миграции на Server Components, конвенции по использованию concurrent features, границы клиентских и серверных компонентов. Менторит команду по продвинутым паттернам React. |
| Fullstack Developer | Обязателен | Проектирует React-архитектуру fullstack-приложений: разделение серверных и клиентских компонентов, стратегия предзагрузки данных, оптимистичные обновления. Определяет структуру компонентной библиотеки и стандарты интеграции с бэкендом для команды. |
| React Native Developer | Обязателен | Определяет архитектурные стандарты использования React в мобильных приложениях. Формирует guidelines по оптимизации ререндеров, управлению жизненным циклом компонентов. Ревьюит применение React паттернов с учётом специфики React Native и New Architecture (Fabric). |
| Роль | Обязательность | Описание |
|---|---|---|
| Blockchain Developer | Обязателен | Определяет frontend-стратегию организации. Оценивает фреймворки и подходы. Формирует platform-решения для всех frontend-команд. |
| Desktop Developer (Electron/Tauri) | Обязателен | Формирует enterprise React стандарты для Electron desktop. Оценивает React evolution для desktop. Определяет UI framework strategy. |
| Frontend Developer (React) | Обязателен | Формирует долгосрочную стратегию React-платформы организации. Определяет архитектуру перехода на React Server Components, оценивает adoption новых React API (use, Actions), проектирует framework-agnostic слой для снижения vendor lock-in. |
| Fullstack Developer | Обязателен | Формирует React-стратегию организации для fullstack-разработки: выбор между SPA и SSR, стандарты серверных компонентов, архитектурные паттерны data-fetching. Создаёт платформенные решения для унификации фронтенд-разработки в масштабе компании. |
| React Native Developer | Обязателен | Формирует стратегию использования React экосистемы на уровне организации. Оценивает влияние новых React API на мобильную разработку. Определяет архитектуру переиспользования React-компонентов между React Native и web. Планирует миграцию на New Architecture. |