Requirements

Core Skills

·       Language & Core: TypeScript, modern React (hooks, context), Next.js (App Router).

·       State/Data: Redux Toolkit, Redux-Thunk/Redux-Saga; SWR (or React Query).

·       Styling/UI: Tailwind CSS; Ant Design & Material UI; SASS.

·       Layout & RWD: Flexbox, CSS Grid, Media Queries; mobile-first.

·       Real-Time: SignalR/WebSockets with reconnection/backoff patterns.

·       Forms & Validation: react-hook-form with zod/Yup; accessible error states.

·       API & Security: REST integration, JWT/OIDC flows, secure storage, CSRF/XSS mitigations.

·       Testing: Jest, React Testing Library; E2E with Cypress or Playwright.

·       Performance: Code-splitting, lazy loading, memoization, useTransition/useDeferredValue; Web Vitals and bundle analysis.

·       Tooling: ESLint, Prettier, PNPM/Yarn; Next build; Storybook for components.

·       Accessibility & i18n: WCAG, ARIA, RTL (Arabic) support.

·       Agile, DevOps & Compliance: Agile/Scrum, Azure DevOps (boards, work items, dashboards.

·       Version Control & Automation: GitHub (Repos, Projects/Issues, PR etiquette, CODEOWNERS, protected branches), branching strategy (GitFlow or trunk-based + release tags), required status checks (lint/unit/E2E/build), GitHub Actions for CI/CD (preview builds, Storybook deploys, artifacting, environment promotions), Dependabot/code scanning, environments/secrets.

Advantages Skills

·       Data visualization: D3.js (scales, shapes, transitions) and integration patterns with React; Recharts/ECharts.

·       Design systems: ShadCN UI, tokens/theming, documentation.

·       PWA: service workers, offline caching, push notifications.

·       Security hardening: CSP, nonce patterns.

·       Productive use of Cursor or AI-assisted tooling.

Experience

·       3-5+ years building production React apps; 2+ years with Next.js at scale.

·       Portfolio/code samples showing complex UI, performance, and a11y discipline.

·       Bachelor’s degree in CS/CE or equivalent experience.

·       Strong communication, UX sensibility, and mentoring capability.

AI Tools & Recommendations

Required/Supported Tools:

·       Cursor (primary editor with AI pair-programming, context windows, and inline edits).

·       GitHub Copilot / Copilot Chat for IDE-assisted completions, refactors, tests, and docstrings.

·       ChatGPT (or equivalent) for architecture/design exploration, PR review suggestions, and complex debugging prompts.

·       Optional: Codeium/Claude as alternatives when broader context or different models are preferred.

Documentation (Required)

What to document

·       Overview: what the feature/service does and why it exists.

·       Interfaces: APIs or UI contracts (inputs, outputs, errors).

·       Data: key models/fields and any persistence notes.

·       Security & Privacy: auth, sensitive data handling, known risks.

·       Run & Deploy: how to run locally, how to deploy, basic troubleshooting.

·       Testing: what’s covered (unit/integration/E2E) and how to run tests.

·       Change Log: what changed in this version and any migration notes.

·       Ownership: main contacts and links to related work items.

Where to keep it

·       In-repo README and a short /docs note per feature, update Storybook for UI components when applicable.

Quality gates

·       Before merge: docs updated and linked to the work item.

·       PR checklist: “Docs updated?” must be checked.

·       Release: add/update release notes and link to PRs/issues.