Frontend Developer (React)是Frontend Engineering族群中的角色。涵盖5个级别的56项技能（从Junior到Principal）。其中165项为必备技能。关键领域：Programming Fundamentals, Backend Development, Frontend Development。
技术栈
各级别重点
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.
技能矩阵
56 技能 × 5 级别. 点击单元格查看详情。
AI-Assisted Development
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 for Code | A | W | A | E | — |
API & Integration
3 技能| 技能 | 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 技能| 技能 | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| System Design Fundamentals | A | W | A | E | E |
Backend Development
1 技能| 技能 | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| Redis | A | W | A | E | E |
Cloud & Infrastructure
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 |
| Network Fundamentals | A | W | A | — | — |
Database Management
2 技能| 技能 | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| PostgreSQL | A | W | A | E | E |
| Database Indexing | 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 |
| 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 技能| 技能 | 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 技能| 技能 | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| Performance Budgets | A | W | A | E | E |
Programming Fundamentals
8 技能| 技能 | 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 技能| 技能 | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| OWASP & Application Security | A | W | A | — | — |
| Secure Coding Practices | A | W | A | E | E |
Testing & QA
4 技能| 技能 | 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 技能| 技能 | Jun | Mid | Sen | Lead | Princ |
|---|---|---|---|---|---|
| Git Advanced | A | W | A | E | E |
| Code Review | 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)角色的要求？
角色要求由社区通过提案系统制定。任何成员都可以提出修改建议，经过投票和专家评审后生效。