Frontend Developer (React)
Building user interfaces with React and its ecosystem
Frontend Developer (React) ist eine Rolle in der Familie Frontend Engineering. Es umfasst 56 Fähigkeiten über 5 Stufen (von Junior bis Principal). 165 Fähigkeiten sind obligatorisch. Schlüsselbereiche: Programming Fundamentals, Backend Development, Frontend Development.
Technologie-Stack
Fokus nach Stufe
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.
Kompetenzmatrix
56 Fähigkeiten × 5 Stufen. Klicken Sie auf eine Zelle für Details.
AI-Assisted Development
4 Fähigkeiten| Faehigkeiten | 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 Fähigkeiten| Faehigkeiten | 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 Fähigkeiten| Faehigkeiten | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| System Design Fundamentals | A | W | A | E | E |
Backend Development
1 Fähigkeiten| Faehigkeiten | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| Redis | A | W | A | E | E |
Cloud & Infrastructure
5 Fähigkeiten| Faehigkeiten | 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 Fähigkeiten| Faehigkeiten | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| PostgreSQL | A | W | A | E | E |
| Database Indexing | A | W | A | E | E |
DevOps & CI/CD
1 Fähigkeiten| Faehigkeiten | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| GitHub Actions / GitLab CI | A | W | A | E | E |
Frontend Development
19 Fähigkeiten| Faehigkeiten | 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 Fähigkeiten| Faehigkeiten | 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 Fähigkeiten| Faehigkeiten | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| Performance Budgets | A | W | A | E | E |
Programming Fundamentals
8 Fähigkeiten| Faehigkeiten | 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 Fähigkeiten| Faehigkeiten | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| OWASP & Application Security | A | W | A | — | — |
| Secure Coding Practices | A | W | A | E | E |
Testing & QA
4 Fähigkeiten| Faehigkeiten | 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 Fähigkeiten| Faehigkeiten | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| Git Advanced | A | W | A | E | E |
| Code Review | A | W | A | E | E |
Häufig gestellte Fragen
Welche Fähigkeiten werden für die Rolle Frontend Developer (React) benötigt?
Die Rolle Frontend Developer (React) erfordert 56 Fähigkeiten, davon 165 obligatorisch. Die Fähigkeiten verteilen sich auf 5 Stufen: von Junior bis Principal. Vollständige Matrix ansehen.
Wie steigt man in der Rolle Frontend Developer (React) auf die nächste Stufe auf?
Nutzen Sie den Grade-Rechner, um Ihre aktuelle Stufe einzuschätzen und personalisierte Empfehlungen zu erhalten.
Welcher Technologie-Stack wird in der Rolle Frontend Developer (React) verwendet?
Der Stack umfasst 5 Technologien auf verschiedenen Stufen. 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)...
Wie definiert die Community die Anforderungen für die Rolle Frontend Developer (React)?
Die Anforderungen werden von der Community durch ein Vorschlagssystem gestaltet. Jedes Mitglied kann Änderungen vorschlagen, die durch Abstimmung und Expertenprüfung gehen.