Frontend Developer - خانم

TypeScript & JavaScript
Comfortable writing TypeScript in strict mode codebase. This includes authoring generic types, utility types (Partial, Pick, Omit, Awaited, etc.), know when to use type vs interface, how to type async flows correctly, and how to avoid escaping to any. JavaScript proficiency in ESNext features optional chaining, nullish coalescing, structured cloning, iterators, and module patterns is equally expected.
(strict: true · no implicit any · utility types · branded types)

Next.js — deep framework knowledge
Beyond basic page routing, you should be proficient with the App Router (layouts, nested routes, loading/error boundaries), Server Components vs Client Components trade-offs, and data fetching strategies (SSR, SSG, ISR, and on-demand revalidation). Experience with Next.js middleware, route handlers, and edge runtime is strongly valued. You should understand how the framework compiles and bundles code and be able to debug build-time vs runtime issues independently.(App Router · Server Components · ISR · middleware · route handlers)

Advanced React patterns
Confident with advanced patterns beyond basic hooks — compound components, render props, controlled vs uncontrolled patterns, forwarding refs, portals, and context optimization.
Familiarity with React 18 features (concurrent rendering, useTransition, Suspense boundaries, useDeferredValue) is expected as a bonus .

State management architecture
Distinguish between server state (TanStack Query, SWR), client global state (Zustand, Jotai, Redux Toolkit), and local UI state — and pick the right tool for each. Experience structuring state in a way that scales with the team and avoids prop drilling, stale closures, and over-fetching is essential.(Zustand · Jotai · TanStack Query · SWR · Redux Toolkit)

REST & API integration
Extensive experience integrating REST APIs — including handling authentication flows (JWT, OAuth 2.0, session cookies), building resilient fetch layers with retry logic and error normalization, and managing API versioning on the client side. API responses end-to-end with TypeScript (Zod or similar schema validation is a plus).
(JWT · OAuth · Zod · error boundaries · request cancellation)

Performance optimization
Measure and improve frontend performance with a structured approach — using tools like Lighthouse, WebPageTest, and Chrome DevTools to identify bottlenecks.  Optimizing Core Web Vitals (LCP, CLS, INP), implementing code splitting, lazy loading, image optimization, font loading strategies, and reducing bundle size. 
(LCP · CLS · INP · bundle analysis · lazy loading · React.memo)

Frontend testing
Writing unit tests with Jest, integration tests with Testing Library (querying by role, not implementation). You understand the testing pyramid, know when to mock vs when to test against a real implementation, and can set up a test suite in a new project from scratch including CI integration.
(Jest · Testing Library · Playwright)

Git workflows & CI/CD
Git beyond basic commits and merges — branching strategies (trunk-based, Gitflow), rebase, and resolving complex merge conflicts.  working within CI/CD pipelines (GitHub Actions, GitLab CI), linting, type checking, testing, and deployment.
(GitHub Actions · GitLab CI · semantic commits)

SEO
You understand how search engines crawl and index JavaScript-rendered pages, and know why SSR/SSG matters for SEO beyond just speed. You should know how to implement proper meta tags, Open Graph, Twitter cards, canonical URLs, structured data (JSON-LD), and XML sitemaps. Familiarity with how Next.js Metadata API handles head management is expected.(JSON-LD · Open Graph · canonical · sitemap · Next.js Metadata API)

Web security awareness
sanitizing user-generated content to prevent XSS, using SameSite/HttpOnly cookies to defend against CSRF, Content Security Policies, and or localStorage.
(XSS · CSRF · CSP · secure cookies · HTTPS · env variable hygiene)

UI animation & motion
animations using Framer Motion (layout animations, AnimatePresence, gesture-based interactions), GSAP (timelines, ScrollTrigger).
(Framer Motion · GSAP · CSS @keyframes · will-change · transform-only animations)

Design systems & TailwindCSS
consistent spacing, typography scales, and color semantics. Proficiency with TailwindCSS including custom config (themes, plugins, safelist) and integration with headless UI libraries (Radix UI, shadcn/ui, Headless UI) . 
(TailwindCSS · Radix UI · shadcn/ui · Storybook · design tokens)

Real-time
Familiar with integrating WebSocket or SSE-based real-time features (live updates, notifications, collaborative cursors). Familiarity with i18n patterns in Next.js including RTL layout support
(WebSockets · SSE · next-intl · RTL · Intl API · paraglide-js)