Frontend Developer (React)
Building user interfaces with React and its ecosystem
Frontend Developer (React) is a role in the Frontend Engineering family. It has 56 skills across 5 levels (from Junior to Principal). 165 skills are mandatory. Key domains: Programming Fundamentals, Backend Development, Frontend Development.
Technology Stack
Focus by Level
Building components from designs (Figma). Developing UI components with React. State management (useState/useReducer). Writing basic tests.
Designing component architecture. State management (Zustand/Redux Toolkit). Render optimization (memo, useMemo). API integration. Accessibility (a11y).
Frontend application architecture. Bundle size and Core Web Vitals optimization. Design system development. SSR/SSG strategies. Team mentoring.
Frontend platform: mono-repo, CI/CD, design system. TypeScript standards. Coordination with design and backend. Micro-frontends when needed.
Company frontend strategy. Framework selection. Build system optimization. Performance culture. Open-source contributions.
Skill Matrix
56 skills × 5 levels. Click on a cell for details.
AI-Assisted Development
4 skills| Skills | 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 for Code | A | W | A | E | — |
API & Integration
3 skills| Skills | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| REST API Design | A | W | A | E | E |
| GraphQL Design | A | W | A | E | E |
| API Documentation | A | W | A | E | E |
Architecture & System Design
1 skills| Skills | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| System Design Fundamentals | A | W | A | E | E |
Backend Development
1 skills| Skills | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| Redis | A | W | A | E | E |
Cloud & Infrastructure
5 skills| Skills | 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 |
| Network Fundamentals | A | W | A | — | — |
Database Management
2 skills| Skills | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| PostgreSQL | A | W | A | E | E |
| Database Indexing | A | W | A | E | E |
DevOps & CI/CD
1 skills| Skills | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| GitHub Actions / GitLab CI | A | W | A | E | E |
Frontend Development
19 skills| Skills | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| React Core | A | W | A | E | E |
| Next.js | A | W | A | E | E |
| Modern CSS | A | W | A | E | E |
| Tailwind CSS | A | W | A | E | E |
| CSS-in-JS | A | W | A | E | E |
| Design System Development | A | W | A | E | E |
| Web Components | A | W | A | E | E |
| Web APIs | A | W | A | E | E |
| Progressive Web Apps (PWA) | A | W | A | E | E |
| Web Accessibility | A | W | A | E | E |
| Core Web Vitals | A | W | A | E | E |
| Bundle Optimization | A | W | A | E | E |
| Vite & Modern Bundlers | A | W | A | E | E |
| Component Testing | A | W | A | E | E |
| Visual Regression Testing | A | W | A | E | E |
| State Management | A | W | A | E | E |
| Data Fetching | A | W | A | E | E |
| Micro Frontends | A | W | A | E | E |
| SSR/SSG/ISR Patterns | A | W | A | E | E |
Observability & Monitoring
3 skills| Skills | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| Structured Logging | A | W | A | E | E |
| Prometheus & Grafana | A | W | A | E | E |
| OpenTelemetry | A | W | A | E | E |
Performance Engineering
1 skills| Skills | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| Performance Budgets | A | W | A | E | E |
Programming Fundamentals
8 skills| Skills | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| Algorithms & Complexity | A | W | A | E | E |
| Data Structures | A | W | A | E | E |
| OOP & SOLID Principles | A | W | A | E | E |
| Design Patterns | A | W | A | E | E |
| Multithreading | A | W | A | E | E |
| Async Programming | A | W | A | E | E |
| Code Quality & Refactoring | A | W | A | E | E |
| Type Safety & Type Systems | A | W | A | E | E |
Security
2 skills| Skills | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| OWASP & Application Security | A | W | A | — | — |
| Secure Coding Practices | A | W | A | E | E |
Testing & QA
4 skills| Skills | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| Unit Testing | A | W | A | E | E |
| Integration Testing | A | W | A | E | E |
| E2E Testing | A | W | A | E | E |
| Accessibility Testing | A | W | A | E | E |
Version Control & Collaboration
2 skills| Skills | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| Git Advanced | A | W | A | E | E |
| Code Review | A | W | A | E | E |
FAQ
What skills are needed for the Frontend Developer (React) role?
The Frontend Developer (React) role requires 56 skills, of which 165 are mandatory. Skills are distributed across 5 levels: from Junior to Principal. See full matrix.
How to advance to the next level in the Frontend Developer (React) role?
Use the Grade Calculator to assess your current level and get personalized recommendations. The system will show which skills need to be developed for the next level.
What tech stack is used in the Frontend Developer (React) role?
The stack includes 5 technologies at different levels. 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)...
How does the community define requirements for the Frontend Developer (React) role?
Role requirements are shaped by the community through a proposal system. Any member can suggest changes that go through voting and expert review.