Skip to main content

UI Developer (ReactJS)

Technology
EAPPS TECH LLC dba Magicforce
Chicago, United States$10,400 - $12,133 /month1 month ago
On-site

Job description

  • 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.
Keywords
user-interface-uireact-jscomputer-sciencereacttypescriptmicrosoft-typescriptrxjsjavascriptecmascriptcascading-style-sheets-cssweb-browsersplanning-and-designvisual-art-designproduct-development-and-designangular-materialcabinet-construction-materials-hardwaremuistorybooktraining-and-developmentweb-content-accessibility-guidelines-wcag

Interested in this role?