Frontend Developer (React)
Building user interfaces with React and its ecosystem
Frontend Developer (React) es un rol en la familia Frontend Engineering. Tiene 56 habilidades en 5 niveles (de Junior a Principal). 165 habilidades son obligatorias. Dominios clave: Programming Fundamentals, Backend Development, Frontend Development.
Stack tecnológico
Enfoque por nivel
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.
Matriz de habilidades
56 habilidades × 5 niveles. Haga clic en una celda para ver detalles.
AI-Assisted Development
4 habilidades| Habilidades | 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 habilidades| Habilidades | 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 habilidades| Habilidades | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| System Design Fundamentals | A | W | A | E | E |
Backend Development
1 habilidades| Habilidades | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| Redis | A | W | A | E | E |
Cloud & Infrastructure
5 habilidades| Habilidades | 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 habilidades| Habilidades | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| PostgreSQL | A | W | A | E | E |
| Database Indexing | A | W | A | E | E |
DevOps & CI/CD
1 habilidades| Habilidades | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| GitHub Actions / GitLab CI | A | W | A | E | E |
Frontend Development
19 habilidades| Habilidades | 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 habilidades| Habilidades | 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 habilidades| Habilidades | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| Performance Budgets | A | W | A | E | E |
Programming Fundamentals
8 habilidades| Habilidades | 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 habilidades| Habilidades | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| OWASP & Application Security | A | W | A | — | — |
| Secure Coding Practices | A | W | A | E | E |
Testing & QA
4 habilidades| Habilidades | 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 habilidades| Habilidades | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| Git Advanced | A | W | A | E | E |
| Code Review | A | W | A | E | E |
Preguntas frecuentes
¿Qué habilidades se necesitan para el rol de Frontend Developer (React)?
El rol de Frontend Developer (React) requiere 56 habilidades, de las cuales 165 son obligatorias. Las habilidades se distribuyen en 5 niveles: de Junior a Principal. Ver matriz completa.
¿Cómo avanzar al siguiente nivel en el rol de Frontend Developer (React)?
Use la Calculadora de grado para evaluar su nivel actual y obtener recomendaciones personalizadas.
¿Qué stack tecnológico se usa en el rol de Frontend Developer (React)?
El stack incluye 5 tecnologías en diferentes niveles. 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)...
¿Cómo define la comunidad los requisitos para el rol de Frontend Developer (React)?
Los requisitos del rol son definidos por la comunidad a través de un sistema de propuestas. Cualquier miembro puede sugerir cambios que pasan por votación y revisión de expertos.