React(Next JS)开发工程师_海外
React (Next JS) Developer_Offshore
React(Next.js)开发者负责使用 React.js 和 Next.js 设计、开发和维护可扩展的高性能 Web 应用。该职位涉及构建生产就绪的功能,与后端/BFF API 集成,确保高质量的代码,并在性能、可访问性和安全性方面实施最佳实践。
开发者将与 React 主管、UX/UI 设计师、QA、DevOps 和后端团队紧密合作,交付符合企业架构和业务需求的现代 Web 应用。
主要职责
1. 前端开发
- 使用 React.js 和 Next.js 开发响应式、交互式和可访问的网页。
- 按需实现服务端渲染(SSR)、静态站点生成(SSG)和增量静态再生(ISR)。
- 构建可重用的组件、自定义钩子和库。
- 确保跨浏览器兼容性和移动端响应性。
2. Next.js 框架实现
- 有效利用 Next.js 的功能:
- getServerSideProps, getStaticProps, getStaticPaths
- API 路由和中间件
- 动态路由、布局和嵌套路由
- 优化水合、懒加载和客户端/服务器数据获取。
- 实现高效的缓存和预取策略以提升用户体验。
3. 状态管理与数据处理
- 使用 Redux Toolkit、Zustand、Recoil 或 Context API + Hooks 管理应用状态。
- 与 BFF/后端层的 REST 或 GraphQL API 集成。
- 处理错误、加载状态和回退 UI 以提升用户体验。
4. UI/UX 与设计系统集成
- 与设计师合作,实现符合企业设计系统的像素级 UI。
- 集成 Storybook 或其他设计库中的组件。
- 实现可访问性(WCAG 2.1 AA)和响应式设计的最佳实践。
5. 性能优化
- 监控并优化核心网页指标(LCP、FID、CLS)。
- 通过代码拆分、懒加载和树摇动减少包体积。
- 优化渲染性能和内存使用。
6. 测试与质量保证
- 使用以下工具编写单元测试和集成测试:
- Jest
- React Testing Library
- 支持使用 Cypress 或 Playwright 进行端到端测试。
- 参与代码审查,保持高质量、可维护的代码。
7. 安全性与最佳实践
- 实施安全编码实践(输入验证、XSS 防护、令牌安全存储)。
- 遵循 API 集成、路由和数据处理的最佳实践。
查看英文原文
The React (Next.js) Developer is responsible for designing, developing, and maintaining scalable, high-performance web applications using React.js and Next.js. This role involves building production-ready features, integrating with backend/BFF APIs, ensuring high code quality, and implementing best practices in performance, accessibility, and security.
The developer will work closely with the React Lead, UX/UI designers, QA, DevOps, and backend teams to deliver modern web applications aligned with enterprise architecture and business requirements.
Key Responsibilities
1. Frontend Development
- Develop responsive, interactive, and accessible web pages using React.js and Next.js.
- Implement server-side rendering (SSR), static site generation (SSG), and incremental static regeneration (ISR) as required.
- Build reusable components, custom hooks, and libraries.
- Ensure cross-browser compatibility and mobile responsiveness.
2. Next.js Framework Implementation
- Utilize Next.js features effectively:
- getServerSideProps, getStaticProps, getStaticPaths
- API routes and middleware
- Dynamic routing, layouts, and nested routes
- Optimize hydration, lazy-loading, and client/server data fetching.
- Implement efficient caching and prefetching strategies for faster UX.
3. State Management & Data Handling
- Manage application state using Redux Toolkit, Zustand, Recoil, or Context API + Hooks.
- Integrate with REST or GraphQL APIs from BFF/backend layers.
- Handle errors, loading states, and fallback UI for smoother user experiences.
4. UI/UX & Design System Integration
- Work with designers to implement pixel-perfect UIs aligned with the enterprise design system.
- Integrate components from Storybook or other design libraries.
- Implement accessibility (WCAG 2.1 AA) and responsive design best practices.
5. Performance Optimization
- Monitor and optimize Core Web Vitals (LCP, FID, CLS).
- Reduce bundle size using code splitting, lazy loading, and tree shaking.
- Optimize rendering performance and memory usage.
6. Testing & Quality Assurance
- Write unit and integration tests using:
- Jest
- React Testing Library
- Support end-to-end testing with Cypress or Playwright.
- Participate in code reviews and maintain high-quality, maintainable code.
7. Security & Best Practices
- Implement secure coding practices (input validation, XSS prevention, secure storage of tokens).
- Follow best practices for API integration, routing, and data handling.
- Collaborate with security teams to comply with enterprise security policies.
8. Collaboration & Agile Practices
- Participate in daily stand-ups, sprint planning, backlog grooming, and retrospectives.
- Collaborate closely with React Lead, QA, DevOps, backend/BFF developers, and product teams.
- Communicate technical challenges and propose solutions clearly.
Required Skills & Qualifications
Technical Skills
- 5+ years experience in frontend development.
- Strong expertise in:
- React.js (Hooks, Context, Custom Hooks)
- Next.js (SSR, SSG, ISR, Routing, API routes)
- TypeScript
- HTML5, CSS3, Sass, Styled Components, Tailwind CSS
- Experience with:
- State management (Redux Toolkit, Zustand, Recoil)
- RESTful APIs / GraphQL
- Performance optimization and debugging
- Unit & integration testing frameworks (Jest, RTL)
- Familiarity with CI/CD pipelines and modern build tools (Webpack, Vite).
Soft Skills
- Problem-solving mindset and ability to debug complex issues.
- Strong collaboration and communication skills.
- Ability to work in Agile/Scrum teams.
- Detail-oriented with focus on high-quality, maintainable code.
Education & Background
- Bachelor’s or Master’s degree in Computer Science, Engineering, or equivalent experience.
- Portfolio of web applications using React and Next.js preferred.
Originally posted on Himalayas