Software Dev Engineer II

Job description

At Swiggy, SDE II(s) play an integral role in owning the end-to-end Design/Architecture of complex systems. They co-own the technology vision of the respective team and significantly contribute to the overall success of the team. They partner with the product/business teams to understand the product features and specifications, translate them into high-level and low-level design thereby facilitating the team in the design and development of mission-critical applications. What qualities are we looking for? • 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, Codex,Cursor 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 feasibility of UI/UX designs and work closely with designers to balance aesthetics with performance and accessibility • Champion best practices in code quality, testing, accessibility, and maintainability across the team • Lead adoption of AI-assisted development tools (Claude, GitHub Copilot, etc.) within the team — evaluate effectiveness, establish best practices, and mentor others on productivity gains • Mentor junior engineers and conduct thorough code reviews to foster a culture of excellence • Stay current with frontend ecosystem trends, emerging AI tools, and new frameworks/patterns — evaluate and advocate for adoption • Collaborate with backend and DevOps teams to understand API contracts, optimize data fetching, and streamline deployment pipelines • Debug and optimize third-party library usage, understanding their internals and identifying performance trade-offs • Participate in system design discussions and contribute to architectural decisions at the team and platform level What You'll Get • Work with a modern, constantly evolving tech stack — React, TypeScript, Next.js, and cutting-edge frontend tooling • Opportunity to own significant parts of the Swiggy platform impacting millions of users • Mentorship and growth — partner with experienced engineers and lead technical initiatives