You will own the front-end architecture for Gradientflo’s core web applications. This is not a role for someone who just "makes things look good." We need an engineer who understands the React reconciliation process, cares deeply about Core Web Vitals, and writes self-documenting code.
You have roughly 3 years of experience. You have moved past "making it work" and now focus on "making it scale." You will be working with server-side rendering, complex global state, and SEO critical implementations. We value clear writing, clean architecture, and strong debugging skills above all else.
Core Responsibilities
- Architect high-performance pages using Next.js (App Router).
- Manage complex application state using Redux Toolkit (RTK).
- Audit and optimize application performance (LCP, CLS, FID) using React Profiler and Lighthouse.
- Refactor legacy components into reusable, strict SOLID compliant UI patterns.
- Design custom hooks that abstract logic cleanly without causing "dependency hell."
- Implement SEO best practices (Structured Data, Agile Metadata, sitemaps).
- Debug complex race conditions and rendering issues using Chrome DevTools.
- Write strict TypeScript to eliminate runtime errors.
- Conduct code reviews focusing on performance impacts and maintainability.
Technical Requirements
Must-Have Skills
- React.js & Next.js (3+ years experience)
- Redux Toolkit (Slices, Thunks, Selectors)
- Performance Optimization (Memoization, Lazy Loading, Code Splitting)
- TypeScript (Generics, Utility Types)
- Deep understanding of React Hooks (useCallback, useMemo, useReducer)
- Solid Debugging skills (knowing why a component re-rendered)
- SEO Expertise (Next-SEO, JSON-LD, Open Graph tags)
Strong Pluses
- Experience with Headless CMS integration
- Experience writing unit tests (Jest / React Testing Library)
- Knowledge of Web Accessibility (WCAG)
Technical Task (Mandatory Assessment)
Project: Real-Time Asset Tracker (Simulated) Objective: Build a widget that tracks asse