ppWe're looking for a bSenior Software Engineer /b with strong frontend expertise to join our Sage HCM engineering team in Barcelona. /p pYou’ll work across a large-scale, modular enterprise product at an interesting inflection point: our core system is built on Sencha Ext JS (7.5+), and we are actively introducing React for new functional modules and high-performance UI components. /p pThis is not a role for someone who wants to work in a single framework. You’ll maintain and enhance a robust Ext JS foundation whilst building new capabilities in React, integrating the Carbon Sage Design System, and ensuring seamless interaction between the two. If you enjoy the technical challenge of working across a hybrid architecture at enterprise scale - and care deeply about code quality and user experience - this role will suit you well. /p pbHybrid role working 3 days a week in our Barcelona office. /b /p h3First 90 Days /h3 ul lib30 Days /b: Familiarise yourself with the Sage HCM frontend architecture: the Ext JS codebase, the React modules in development, the Carbon Design System integration, and the team’s engineering practices. Meet your colleagues across frontend, backend, QA, and product. Begin contributing to active sprint work – bug fixes, small features, and code reviews – to build context quickly. /li lib60 Days /b: Take ownership of frontend delivery for your assigned areas. Contribute meaningfully to React-based feature development and Ext JS maintenance. Engage with Figma designs and work closely with backend engineers on API integration. Begin identifying opportunities to improve performance, code quality, or the hybrid integration between the two frameworks. /li lib90 Days /b: Deliver end-to-end frontend features independently, from design translation through to production. Contribute to architectural decisions around the React/Ext JS hybrid approach. Share your knowledge with the team and be an active voice on frontend best practices, Carbon implementation standards, and performance optimisation. /li /ul h3Meet the Team /h3 pYou’ll join a cross-functional Sage HCM engineering team that includes frontend and backend engineers, QA, solution designers, and product owners. The team operates in an Agile environment and has a strong culture of engineering quality and collaborative delivery.



/p pThe dual-framework architecture reflects the reality of evolving a large, mature product: Ext JS underpins a significant portion of the system that continues to serve customers well, while React enables the team to build new capabilities with modern tooling and design system consistency. You’ll be working at the boundary between the two – which requires both technical depth and pragmatic judgement. /p h3How Success Will Be Measured /h3 ul liQuality, maintainability, and performance of the frontend code you deliver across both frameworks /li liConsistent and accurate implementation of the Carbon Design System in new development /li liSmooth integration between React components and the existing Ext JS environment /li liTimely and reliable contribution to team sprint goals and release deliverables /li liPositive collaboration with backend, QA, and product colleagues /li /ul pYour work spans the full frontend stack: new feature development, maintenance, performance work, and the ongoing architectural challenge of bridging two frameworks in a way that serves both the product and the team well. /p h3Required Skills And Experience /h3 ul li3+ years of professional frontend development experience, with strong hands‑on commercial experience in Sencha Ext JS as the primary framework. /li liStrong experience with Sencha Ext JS 6.5+ / 7.5+, including Classic toolkit, component inheritance, stores, models, controllers, layouts, theming, and the MVVM/MVC lifecycle. /li liWorking knowledge of React and its modern ecosystem, with the ability to contribute to React-based modules where required. /li liModern Styling Design Systems: Experience working with Carbon (carbon.sage.com) or similar enterprise UI frameworks; deep knowledge of HTML5/CSS3/SASS. /li liData Handling: Experience integrating with RESTful APIs and managing complex state/data in enterprise-scale applications. /li liTooling Workflow: Confident use of Git,



package managers (NPM/Yarn), and build tools (Webpack/Vite). /li /ul h3Nice to Have /h3 ul liExperience in TypeScript for large-scale application development. /li liDeep familiarity with Ext JS theming, custom SASS/Compass theme development, and modernisation of established Ext JS codebases. /li liBackground in developing ERP, HRM, or HCM systems with complex user workflows. /li liKnowledge of unit testing frameworks such as Jest, React Testing Library, or equivalent frontend testing tools. /li /ul pWant to know more about our Product? /p h3Benefits /h3 ul liMedical and dental insurance: Fully funded medical and dental insurance. /li liFlexible benefits: Exchange part of your salary and make tax savings on meal and transport vouchers, childcare, and training. /li liWell‑being: Free access to the Calm app (for up to 5 users), 24/7 counselling, and emotional support from our Healthy Mind Coaches. We also offer self‑care and parenting resources through the Cleo app. /li liFlexible working: flexibility of working one hour in, one hour out, shortened workdays on Fridays and during the summer, and the opportunity to work from over 40 countries for up to 10 weeks per year through our Work Away program. /li liAnnual leave: 23 working days of vacation, 5 paid days per year for volunteering. /li liExtended leave: 7 extra days of maternity leave and 5 extra days of paternity leave, on top of the legal allowance, available after one year of service. /li liFinancial support: Life and disability insurance, salary advances of up to 3.5 times your net monthly pay, a €300 net marriage bonus, and access to Sage’s employee stock purchase plan at a discounted rate. /li liLearning and development: Free premium subscription to external learning platforms /li /ul h3Health and Safety Responsibilities /h3 ul liFostering the safety culture, by leading with your own example. /li liFollowing established safety procedures and reporting potential hazards promptly helps maintain a secure and efficient workplace. /li liParticipating in safety training sessions and adhering to preventive guidelines and procedures, the objective is minimizing risks and protecting yourself and the rest of your colleagues. /li /ul /p #J-18808-Ljbffr

📌 Senior Software Engineer - Frontend (Barcelona)
🏢 Sage
📍 Barcelona