Build & refactor UI : Ship robust React + TypeScript features using Hooks / Context and a headless stack (shadcn / ui, Radix UI, Tailwind CSS, Redux Toolkit). Deliver clean, reusable, accessible components with solid a11y and RTL / Arabic support
Storybook-first, test-driven : Design components / states in Storybook; mock APIs with MSW; document variants and edge cases as you go.
API integration : Integrate REST endpoints from Rails / Node services; handle loading / error / empty states predictably; collaborate with BE to refine contracts.
Quality & testing : Grow Cypress integration / E2E coverage on core flows; champion cross-browser / cross-device correctness (with extra care for mobile Safari and RTL).
Performance : Profile and fix rendering / network / data bottlenecks; use virtualization for large lists / forms; apply smart code-splitting and bundle hygiene to improve Core Web Vitals.
Observability & release : Use Sentry (errors) and Hotjar / Amplitude (session replay / analytics) to spot issues and opportunities; ship safely with feature flags (e.g., GrowthBook / LaunchDarkly) and our Heroku pipeline (review apps → UAT → prod) with GitHub Actions CI.
Collaboration & mentorship : Write clear PRs and short design notes; mentor via reviews and docs; share insights in our regular frontend workshops.
Requirements
5+ years of professional React experience (TypeScript strongly preferred).
Strong JavaScript (ES6+), HTML5, CSS3 / Tailwind fundamentals; working knowledge of a11y and semantic markup.
Proven end-to-end ownership : from component design→ API integration → tests → deployment / monitoring.
Solid understanding of REST and GraphQL; pragmatic state management (Context, Redux Toolkit, Zustand, etc.).
Experience conducting code reviews and mentoring in small teams.
Exceptional analytical skills and creative problem-solving abilities.