Software Dev Engineer II

As an SDE II, you will play an integral role in architecting and owning the end-to-end design of complex frontend systems that serve millions of Swiggy users. You will co-own the technology vision of your team and drive significant contributions to the product’s technical direction. Working closely with product, design, and backend teams, you’ll translate requirements into scalable, performant, and maintainable frontend solutions. You’ll be responsible for building user-facing features with pixel-perfect implementations, establishing best practices, and mentoring junior engineers to deliver mission-critical applications.

Job Description Core Technical Skills:

• Expert proficiency in React and TypeScript — strong understanding of hooks, state management patterns, and TypeScript best practices
• Deep expertise in Next.js — including Server-Side Rendering (SSR), Incremental Static Regeneration (ISR), API routes, middleware, optimization strategies
• Solid understanding of ES6+, async/await, functional programming patterns, and modern JavaScript practices
• Proficiency in modern CSS — Tailwind CSS, CSS modules, CSS-in-JS solutions (Emotion, Styled Components), and responsive design principles
• Hands-on experience with modern build tools — Webpack, Vite, ESBuild, or equivalent bundlers; understanding of tree-shaking, code splitting, and lazy loading
• Strong knowledge of CI/CD pipelines, deployment strategies, and automation — experience with tools like GitHub Actions, GitLab CI, Jenkins, or similar platforms
• Strong foundation in Git and collaborative development workflows
• Working knowledge of Node.js and backend fundamentals — enough to understand API design, authentication, and server-side implications

System Design & Architecture:

• Ability to design scalable, maintainable component architectures and design systems
• Understanding of state management solutions (Redux, Zustand, Context API) and when to use each
• Knowledge of micro-frontends, module federation, and how to structure large applications
• Experience with component composition, prop drilling solutions, and reusable library design

Performance & Monitoring:

• Deep understanding of frontend performance metrics (Core Web Vitals, FCP, LCP, CLS, FID) and optimization techniques
• Experience with performance profiling tools (Chrome DevTools, Lighthouse, WebPageTest) and real-world optimization strategies
• Knowledge of monitoring, observability, and error tracking solutions (Sentry, DataDog, etc.)
• Understanding of lazy loading, code splitting, image optimization, and caching strategies

Quality & Best Practices:

• Expertise in testing frameworks — Jest, React Testing Library, Vitest, E2E testing (Cypress, Playwright)
• Sound knowledge of design patterns, SOLID principles, and writing clean, maintainable code
• Understanding of web accessibility (WCAG standards, semantic HTML, ARIA attributes) and experience implementing accessible UIs
• Proficiency in browser compatibility and cross-browser testing
• Exposure to code quality tools — ESLint, Prettier, Husky, pre-commit hooks, automated CI/CD pipelines

Nice-to-Have Skills:

• Experience with headless CMS, GraphQL, or API integration layers
• Knowledge of SEO best practices for SPA and Next.js applications
• Familiarity with Storybook, design tokens, and component documentation
• Understanding of animation libraries (Framer Motion, React Spring) and interactive UX
• Exposure to AI/LLM integrations in frontend (streaming, chunking, prompt optimization)
• Experience working with WebViews, React Native, or other hybrid mobile technologies — understanding of bridge communication, native module integration, and platform-specific constraints
• Hands-on experience with AI-assisted development tools (Claude, GitHub Copilot, Codeium, etc.) and understanding of their strengths, limitations, and best practices for maximizing productivity

Key Responsibilities

• Own end-to-end design and architecture of complex frontend features, translating product requirements into technical specifications
• Develop high-performance, production-ready React and Next.js applications with pixel-perfect UI implementations
• Drive performance optimization initiatives — identify bottlenecks, implement improvements, and establish monitoring to track metrics
• Build and maintain reusable component libraries, design systems, and utility functions for team-wide adoption
• Ensure technical f…