领域
Frontend Development
技能档案
Components, hooks, JSX, Virtual DOM, reconciliation
角色数
5
包含此技能的角色
级别数
5
结构化成长路径
必要要求
21
其余 4 个可选
Frontend Development
React Ecosystem
2026/3/17
选择当前级别并对比期望。下方卡片显示晋升所需掌握的内容。
表格展示从初级到首席的技能深度变化。点击行查看详情。
| 角色 | 必要性 | 描述 |
|---|---|---|
| Blockchain Developer | Uses React Core at basic level in Hardhat/Foundry. Creates simple components by design. Understands basic concepts and follows component guidelines. | |
| Desktop Developer (Electron/Tauri) | 必要 | Knows React for Electron renderer: JSX, components, hooks (useState, useEffect). Creates UI components for desktop. Understands React lifecycle in the context of Electron BrowserWindow. |
| Frontend Developer (React) | 必要 | Uses React Core at a basic level. Creates simple components from design. Understands basic concepts and follows component guidelines. |
| Fullstack Developer | 必要 | Builds simple React components integrated with backend APIs. Understands JSX, props, and state for full-stack feature development. Follows component patterns established by the team for consistent UI layers. |
| React Native Developer | Uses core React concepts including hooks, props, and state in React Native context. Creates simple mobile screens following platform design guidelines. Understands component lifecycle and basic navigation patterns. |
| 角色 | 必要性 | 描述 |
|---|---|---|
| Blockchain Developer | Independently implements complex UI components with React Core. Optimizes rendering performance. Writes tests with forge test/Hardhat test. Applies for state management. | |
| Desktop Developer (Electron/Tauri) | 必要 | Develops React UI for Electron with TypeScript strict mode. Uses React.lazy for code splitting. Implements virtualization (react-window) for large lists. Applies React.memo and useMemo for optimization. |
| Frontend Developer (React) | 必要 | Implements complex UI components with advanced React patterns like compound components and render props. Optimizes rendering with useMemo, useCallback, and React.memo. Writes comprehensive unit and integration tests with React Testing Library. |
| Fullstack Developer | 必要 | Independently implements complex UI components with React Core. Optimizes rendering performance. Writes tests. Applies for state management. |
| React Native Developer | Implements complex mobile components bridging React core patterns with native platform features. Optimizes FlatList rendering and manages state with Redux or Zustand. Tests components with Jest and React Native Testing Library. |
| 角色 | 必要性 | 描述 |
|---|---|---|
| Blockchain Developer | 必要 | Designs frontend architecture with React Core. Optimizes bundle size and Core Web Vitals. Creates design systems and reusable components. Mentors the team. |
| Desktop Developer (Electron/Tauri) | 必要 | Designs React component architecture for Electron. Creates design system with compound components. Optimizes rendering through RSC-like patterns. Implements concurrent features. |
| Frontend Developer (React) | 必要 | Deeply understands React 18+ internal mechanisms: Fiber architecture, concurrent rendering, update batching. Optimizes performance through useTransition, useDeferredValue, React.memo, designs Suspense boundary architecture for streaming SSR. |
| Fullstack Developer | 必要 | Creates complex React components for fullstack applications with optimal server and client state management. Integrates React Query/SWR for API synchronization, applies suspense patterns and rendering optimization for seamless UX. |
| React Native Developer | 必要 | Has deep expertise in React Core. Designs solutions for production systems. Optimizes and scales. Mentors the team. |
| 角色 | 必要性 | 描述 |
|---|---|---|
| Blockchain Developer | 必要 | Defines frontend architecture at product level with React Core. Establishes standards and best practices. Conducts architectural reviews. |
| Desktop Developer (Electron/Tauri) | 必要 | Defines React standards for the Electron team. Coordinates component library. Establishes React best practices for desktop context. |
| Frontend Developer (React) | 必要 | Defines architectural standards for React 18+ usage in the team: Server Components migration strategy, conventions for concurrent features, boundaries between client and server components. Mentors the team on advanced React patterns. |
| Fullstack Developer | 必要 | Designs React architecture for fullstack applications: separating server and client components, data prefetching strategy, optimistic updates. Defines component library structure and backend integration standards for the team. |
| React Native Developer | 必要 | Defines architectural standards for React usage in mobile applications. Establishes guidelines for re-render optimization and component lifecycle management. Reviews React pattern application considering React Native and New Architecture (Fabric) specifics. |
| 角色 | 必要性 | 描述 |
|---|---|---|
| Blockchain Developer | 必要 | Defines organizational frontend strategy. Evaluates frameworks and approaches. Shapes platform solutions for all frontend teams. |
| Desktop Developer (Electron/Tauri) | 必要 | Shapes enterprise React standards for Electron desktop. Evaluates React evolution for desktop. Defines UI framework strategy. |
| Frontend Developer (React) | 必要 | Shapes the organization's long-term React platform strategy. Defines architecture for transitioning to React Server Components, evaluates adoption of new React APIs (use, Actions), designs framework-agnostic layer to reduce vendor lock-in. |
| Fullstack Developer | 必要 | Shapes organizational React strategy for fullstack development: choosing between SPA and SSR, server component standards, data-fetching architectural patterns. Creates platform solutions for unifying frontend development at company scale. |
| React Native Developer | 必要 | Shapes the React ecosystem usage strategy at the organizational level. Evaluates the impact of new React APIs on mobile development. Defines architecture for reusing React components between React Native and web. Plans migration to New Architecture. |