UI Developer (ReactJS)

• Bachelor//'s degree in Computer Science, Engineering, or a related field (or equivalent experience). • 5 or more years of professional front-end engineering experience. • 3 or more years of hands-on experience with React (18+) and TypeScript. • 3 or more years of hands-on experience with Angular (v18+), including standalone components, signals, and RxJS. • Strong JavaScript fundamentals: DOM, the object model, and modern ECMAScript. • Strong HTML and CSS: layout, responsive breakpoints, and cross-browser behaviour. • Demonstrated experience building a shared component library or design system consumed by other teams. • Hands-on experience with Angular Material and React MUI, including theming and style overrides. • Experience with design tokens and multi-brand or multi-theme styling. • Experience with Storybook for component documentation and development. • Working knowledge of WCAG 2.1 AA accessibility and how to build to it. • Experience writing automated unit, integration, and end-to-end tests. • Experience building CI/CD pipelines and working in Git-based workflows. • Daily working use of AI-assisted development tools such as Claude Code, GitHub Copilot, or Codex, including writing effective prompts and repo-level instruction files. Preferred: • Experience with web components and Lit, including custom elements and Shadow DOM. • Experience with micro-frontend architecture, Nx, and Webpack or Rspack Module Federation, particularly with multiple frameworks composed on one page. Responsibilities: • Design, build, and maintain components across the Angular, React, and web component toolkits, keeping behaviour, accessibility, and styling in parity across all three. • Build reusable UI components with Angular Material, React MUI, and Lit, working from Figma designs supplied by the UX team. • Own and extend the shared design token layer that feeds every toolkit, and the theming that lets products adopt brand changes without rework. • Build and extend micro-frontend applications using Nx monorepo tooling and Module Federation, including runtime composition of multiple frameworks on a single page. • Design component APIs for consumption by other teams: props and inputs, composition patterns, and controlled versus uncontrolled behaviour. • Own versioning, deprecation, and migration guidance for every breaking change. • Publish and maintain npm packages to a private Azure Artifacts feed, with semantic versioning and release notes that consuming teams can act on. • Integrate micro-product UIs with enterprise platforms, including Okta (OAuth2/OIDC, JWT bearer authentication) token flow across shell and products, and REST and GraphQL service layers. • Keep quality high with automated testing: Jest and Karma for unit tests, Playwright or Cypress for end-to-end, and visual regression testing across every component on every deployment. • Document components in Storybook across frameworks, and maintain the documentation site that designers and engineers both use. • Build accessibility to WCAG 2.1 AA into every component — keyboard navigation, screen reader support, and focus management — so consuming products inherit it rather than solving it independently. • Maintain CI/CD pipelines in Azure DevOps and GitHub Actions across dev, test, stage, and prod, with coverage and quality gates enforced. • Take part in spec-driven development: turn design and product requirements into technical designs, ADRs, and implementation plans. • Use AI-assisted engineering tools throughout. • Mentor engineers, lead code reviews, and contribute to reference patterns, coding standards, and reusable components across the team. • Evaluate new technologies and run proofs-of-concept to improve platform maturity and developer productivity.