Frontend Developer (React + TypeScript + WordPress)

About the role:We’re hiring a Front‑End Developer with a React + TypeScript focus to help modernize our web applications into Single‑Page Application (SPA) architecture and ship exceptional user experiences. You’ll translate polished designs from Figma/Adobe into fast, accessible interfaces; contribute to front‑end standards; collaborate across design and back end to deliver high‑quality product features; and work within WordPress and other server‑rendered/legacy systems when needed.What you’ll do:Contribute to SPA modernization. Support planning and execution of the migration from legacy/server‑rendered UIs to a standalone React SPA (client‑side routing, code‑splitting, progressive enhancement) that consumes internal and external APIs. Partner with senior engineers on architecture for routing (React Router), API clients, authentication flows (OAuth2/OIDC/JWT), error boundaries, data caching, and resilient retry patterns.Maintain and improve CMS & legacy experiences. Work within WordPress (themes/templates or block editor) and traditional server‑rendered systems to fix bugs, add features, and progressively enhance pages. Bridge older routes with SPA components where it makes sense, and document pragmatic migration paths.Turn designs into production UI. Convert Figma / Adobe XD / Photoshop / Illustrator deliverables to semantic HTML, Tailwind CSS, and React components with pixel‑level detail and responsive behavior.Build robust React features. Use modern React patterns (hooks, context, composition), strong TypeScript typing, and reliable state management (e.g., React Query, Redux Toolkit, Zustand).Engineer for performance & quality. Improve Core Web Vitals, bundle size, and runtime perf with route‑level code splitting, dynamic imports, memoization, and image/CDN best practices. Enforce accessibility (WCAG), semantic structure, and keyboard/assistive support.Improve front‑end toolchain. Use and evolve Vite/Webpack, ESLint/Prettier, Husky/lint‑staged, and package managers (npm/yarn/pnpm) to keep builds fast, consistent, and reliable. Contribute to CI pipelines (e.g., GitHub Actions) for test/build/release.Integrate with APIs. Consume internal and external REST services; design API clients with retries/backoff, caching, and robust error handling. Implement auth flows and token management (OAuth2/OIDC/JWT) and handle CORS responsibly.Test what you ship. Add unit/integration tests using Jest/Vitest + React Testing Library and end‑to‑end tests with Playwright/Cypress.Document & review. Write maintainable code, helpful docs, and participate in thoughtful code reviews. Help define and evangelize front‑end standards/design system practices.Must‑have Qualifications:React + TypeScript proficiency with production experience shipping user‑facing features.Expert‑level CSS (Flexbox, Grid, custom properties, responsive/fluid type, accessibility states) and facility with Tailwind CSS (utility‑first architecture, composition, theming).Strong HTML5 and modern JavaScript fundamentals; familiarity with component composition, routing (React Router), and state patterns.Comfortable working in WordPress (themes/templates or block editor) and legacy server‑rendered architectures (PHP/HTML templates); not opposed to maintaining and incrementally improving them.Comfortable with Figma and/or Adobe Creative Cloud for design handoff and asset prep.Hands‑on with build and package tooling: Vite/ Webpack, ESLint/ Prettier, npm/ yarn/ pnpm, and Git‑based workflows.Focus on performance, accessibility (WCAG), and cross‑browser/device reliability.Nice to have:Storybook and design‑system work.Familiarity with Radix UI, shadcn/ui, MUI, or similar component libraries.API data layers (React Query, SWR) and caching strategies; REST clients.Monitoring & quality tools (Lighthouse, WebPageTest, Sentry), analytics/A/B testing.CMS experience (WordPress, headless) or integrating React into legacy PHP back ends.Your first 90 days:Audit & plan: Partner with senior engineers to assess the current front‑end and contribute to a pragmatic migration plan to a React SPA (routing, API contracts, data‑fetching, authentication/authorization, CORS strategy, bundling, dependencies) while identifying quick wins for WordPress/legacy flows.Establish foundations: Help set up a React + TypeScript app shell with routing, layout primitives, Tailwind config, and shared UI patterns. Enable strict TypeScript, linting, formatting, and pre‑commit hooks.Ship features: Deliver two to three meaningful UI improvements/features that raise the bar on performance, accessibility (a11y), and developer experience.Document standards: Capture coding conventions, CSS/ Tailwind guidelines, and component usage in a compact playbook/ Storybook.