We're hiring a FrontEnd Developer with a React + TypeScript focus to help modernize our web applications into SinglePage Application (SPA) architecture and ship exceptional user experiences. You'll translate polished designs from Figma/Adobe into fast, accessible interfaces; contribute to frontend standards; collaborate across design and back end to deliver highquality product features; and work within WordPress and other serverrendered/legacy systems when needed.
What you'll do:
Contribute to SPA modernization. Support planning and execution of the migration from legacy/serverrendered UIs to a standalone React SPA (clientside routing, codesplitting, 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 serverrendered 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 pixellevel 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 routelevel code splitting, dynamic imports, memoization, and image/CDN best practices. Enforce accessibility (WCAG), semantic structure, and keyboard/assistive support.
Improve frontend toolchain. Use and evolve Vite/Webpack, ESLint/Prettier, Husky/lintstaged, 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 endtoend tests with Playwright/Cypress.
Document & review. Write maintainable code, helpful docs, and participate in thoughtful code reviews. Help define and evangelize frontend standards/design system practices.
Musthave Qualifications:
React + TypeScript proficiency with production experience shipping userfacing features.
Expertlevel CSS (Flexbox, Grid, custom properties, responsive/fluid type, accessibility states) and facility with Tailwind CSS (utilityfirst 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 serverrendered 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.
Handson with build and package tooling: Vite/ Webpack, ESLint/ Prettier, npm/ yarn/ pnpm, and Gitbased workflows.
Focus on performance, accessibility (WCAG), and crossbrowser/device reliability.
Nice to have:
Storybook and designsystem work.
Familiarity with Radix UI, shadcn/ui, MUI, or similar component libraries.
API data layers (React Query, SWR) and caching strategies; REST clients.
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 frontend and contribute to a pragmatic migration plan to a React SPA (routing, API contracts, datafetching, 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 precommit 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.
