> Markdown version of [/jobs/ext/2737403-frontend-architect](https://www.wearedevelopers.com/jobs/ext/2737403-frontend-architect). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md). --- # Frontend Architect - **Company:** Molex - **Location:** Lisle, IL, United States - **Experience:** Experienced - **Salary:** $110,000.0 - $160,000.0 - **Contract:** Permanent contract - **Skills:** JavaScript (Programming Language), Artificial Intelligence, Application Lifecycle Management, Application Performance Management, HTML5, Automation of Tests, Microsoft Azure, Browser Compatibility, Business Software, Cascading Style Sheets (CSS), Code Review, Information Systems, Continuous Integration, Cross-Site Request Forgery, DevOps, Github, Identity and Access Management, Performance Tuning, Power BI, Azure Active Directory, Responsive Web Design, Software Engineering, Systems Integration, TypeScript, Web Content Accessibility Guidelines, Web Application Frameworks, Web Usability, Enterprise Application Integration, RxJS, Apache Yarn, Microsoft Power Automate, ReactJS, Adobe XD, Cypress (Programming Language), Technical Debt, Cross-Site Scripting (XSS), Backend, Vue.js, Event Driven Architecture, Modularization, Build Management, Syntactically Awesome Style Sheets (SASS), Webpack, AngularJS, Material UI, Information Technology, Playwright, Production Code, Build Tools, Figma, Npm(Software), Graphql, Front End Software Development, React Redux, Domain Driven Design, Api Management, Powerapps, Legacy Systems, Web Api, Microservices - **Published:** September 5, 2026 - **Apply:** https://diversityjobs.com/main/sendform/8/8/28176/1/18206989?backUrl=%2Fcareer%2F18206989%2FFrontend-Architect-Illinois-Lisle ## About the Role * Bachelor's degree in Computer Science, Information Systems, or a related field. * 5+ years of experience in frontend architecture and application development using modern JavaScript frameworks (React, Angular, or Vue.js), along with Microsoft Power Platform (Power Apps, Power Automate, Power BI). * 4+ years of hands-on experience building enterprise-grade UI components, including PowerApps Component Framework (PCF) controls and Azure-integrated frontend solutions. * 5+ years of professional software development experience with JavaScript/TypeScript, HTML5, and CSS3/SASS, focusing on frontend architecture, component design, and UI/UX best practices. * Proven experience designing and consuming REST/GraphQL APIs for integration between frontend applications and backend or legacy systems. * Experience with frontend build tools and automation (Webpack, Vite, npm/yarn) and CI/CD pipelines using Azure DevOps or GitHub Actions. * Experience with responsive design, cross-browser compatibility, and accessibility standards (WCAG 2.1). * Demonstrated understanding of the Software Development Life Cycle (SDLC), frontend security best practices, system integration, and regulatory compliance standards (e.g., GDPR, HIPAA). * Experience with API Management, Azure CDN, Azure Storage, or similar Azure services. * Strong understanding of Domain-Driven Design, microservices, event-driven architecture, and enterprise integration patterns. * Experience defining and applying architecture governance, including technical standards, design and code review gates, decision records, exception management, risk controls, technical-debt oversight, and alignment with enterprise architecture. * Strong skills in state management, component reusability, design systems, and performance optimization practices. * Drive CI CD adoption automation and cloud native frontend development initiatives * Evaluate emerging technologies build POCs and resolve complex production issues * Conduct system assessments and performance reviews to identify areas for improvement and optimization. * Ensure compliance with security, privacy, and regulatory requirements in the design and implementation of solutions. * Collaborate with project managers to define project scope, timelines, and deliverables, and provide technical input for project planning and estimation. What Will Put You Ahead * Master's degree in Computer Science, Information Systems, or related discipline. * Experience with micro-frontend architectures and Module Federation. * Proficiency with design tools like Figma or Adobe XD, and experience translating designs into production-ready code. * Experience with Azure cloud services (App Services, Functions, Azure CDN) for frontend hosting and content delivery. * Experience working in cross-functional teams in a global environment and mentoring software developers. ## Description As a Frontend Architect, you will drive the design and architecture of scalable, high-performance frontend applications, leveraging modern JavaScript frameworks and Microsoft Power Platform to improve user experience and support digital transformation. Our Team You will be part of a dynamic team that collaborates globally to align architecture with business goals. Our team values innovation, collaboration, and continuous improvement, and we are committed to delivering high-quality, user-centric solutions that meet our business needs. What You Will Do * Frontend Architecture: Design and implement scalable, secure, high-performance frontend applications using modern JavaScript frameworks (React, Angular, or Vue.js). Ensure cross-browser compatibility, responsiveness, UI/UX Architecture, and accessibility (WCAG). * Solution Design & Development: Architect component-based, modular UI solutions with reusable design systems and patterns. Implement robust state management (Redux, Context API, RxJS), frontend architecture patterns, state management, application lifecycle, modularization, and dependency management and integrate with backend APIs and microservices. * Automation & DevOps: Develop and maintain frontend build and deployment pipelines (Webpack, Vite, npm/yarn). Implement CI/CD pipelines with Azure DevOps or GitHub Actions, and automate testing using Jest, Cypress, or Playwright. * Power Platform Development: Build custom business applications using Power Apps, Power Automate, and Power BI. Develop intelligent, user-facing solutions using AI Builder and Azure services. * PCF Controls Development: Design and develop custom PowerApps Component Framework (PCF) controls to enhance the functionality and user experience of PowerApps applications. * Security & Compliance: Ensure frontend solutions adhere to security best practices (XSS/CSRF prevention, secure authentication flows) and regulatory compliance (GDPR, HIPAA, etc.), utilizing services like Azure Entra ID for identity management. * Architecture Governance: Establish and enforce frontend architecture principles, coding standards, design-system governance, technology guardrails, and review processes. Lead architecture reviews, document key decisions, manage technical debt and exceptions, and ensure solutions remain aligned with enterprise architecture, security, compliance, accessibility, and lifecycle standards. Architects should use Architecture Decision Records to document the rationale behind key architectural decisions. * Performance & Optimization: Continuously monitor and optimize application performance (Core Web Vitals, bundle size, lazy loading, rendering efficiency) using tools like Lighthouse, Azure Monitor, and Application Insights. * Collaboration & Documentation: Work with global teams to align architecture with business goals and maintain technical documentation, UI style guides, and flowcharts. * Mentorship: Train and mentor junior frontend developers on modern development practices and design system standards. * Stakeholder Engagement: Collaborate with business stakeholders and designers to understand requirements and translate them into intuitive, technical UI solutions. ## Related Videos - [Microfrontends at Scale](https://www.wearedevelopers.com/videos/236-microfrontends-at-scale) - [Boost Productivity with AI: Figma & Playwright MCP Workflows - Aris Markogiannakis](https://www.wearedevelopers.com/videos/1768-boost-productivity-with-ai-figma-playwright-mcp-workflows-aris-markogiannakis) - [The Resilience of the World Wide Web](https://www.wearedevelopers.com/videos/1281-the-resilience-of-the-world-wide-web) - [How to Create New RxJS Operators](https://www.wearedevelopers.com/videos/683-how-to-create-new-rxjs-operators) - [But, you're not Facebook](https://www.wearedevelopers.com/videos/378-but-you-re-not-facebook) - [Designing the Future of Human<>Agent Collaboration](https://www.wearedevelopers.com/videos/1447-designing-the-future-of-human-agent-collaboration) ## Related Articles - [The Best 7 Frontend Frameworks for Developers in 2025](https://www.wearedevelopers.com/magazine/400-the-best-7-frontend-frameworks-for-developers-in-2025) - [16 Best Free React UI Libraries in 2025](https://www.wearedevelopers.com/magazine/148-16-best-free-react-ui-libraries-in-2025) - [Dev Digest 120 - Apple and peers](https://www.wearedevelopers.com/magazine/455-dev-digest-120-apple-and-peers) - [25 Essential Tools for Front End Developers](https://www.wearedevelopers.com/magazine/210-25-essential-tools-for-front-end-developers) - [What’s the Difference Between Frontend and Backend Development?](https://www.wearedevelopers.com/magazine/240-what-s-the-difference-between-frontend-and-backend-development) - [The Best JavaScript Framework to Learn](https://www.wearedevelopers.com/magazine/229-the-best-javascript-framework-to-learn)