React Software Engineer: Senior
Summary
Syspro is hiring a Senior React Software Engineer in South Africa to build and own scalable, secure enterprise web applications using React, TypeScript, and REST API integrations. The role involves driving front-end architecture, upholding coding and testing standards, and mentoring other engineers, with delivery managed through Azure DevOps and Git.
This is a hands-on engineering role with clear expectations for technical leadership, system design input, and team enablement.
Responsibilities
- Design, develop, test, and maintain high-quality, scalable, and maintainable web applications and components using React, TypeScript, and modern front-end technologies.
- Take end-to-end ownership of complex work: analysis, design, implementation, testing, deployment readiness, and operational support.
- Build reusable, modular React components and front-end libraries using functional components, hooks, component composition, and appropriate state-management approaches.
- Translate product requirements and UX designs into robust, production-quality solutions, working closely with UX/UI to implement designs accurately and consistently.
- Integrate front-end applications with REST APIs and back-end services, including asynchronous JavaScript, JSON data handling, and client-side routing.
- Contribute to the evolution of front-end architecture, frameworks, and engineering standards, including component design, state management, routing, and client-side data management.
- Lead design reviews and architecture discussions across teams, and guide others in applying strong design principles (e.g., component composition, reusability, separation of concerns).
- Set and uphold front-end coding standards and engineering practices within the team.
- Promote reuse and consistency through shared components, design systems, and common engineering patterns; identify and address technical debt while balancing delivery priorities with long-term maintainability.
- Help define and reinforce a strong testing culture, including unit, component, integration, and end-to-end automated tests.
- Investigate defects to identify root causes rather than only symptoms, and raise the quality bar through reviews, coaching, and pragmatic improvements to the Definition of Done.
- Optimise front-end performance (load time, rendering, bundle size) using techniques such as code splitting, lazy loading, caching, and memoisation.
- Build responsive applications that provide a consistent experience across supported browsers, devices, and screen sizes, developed in line with recognised accessibility (WCAG) standards.
- Apply secure front-end development practices, understand common web application vulnerabilities, and ensure secure handling of authentication, tokens, application state, and sensitive information.
- Use Azure DevOps effectively for delivery transparency and discipline (work items, code reviews, pipelines, traceability), and work confidently with Git-based source control, including branching, pull requests, and merge strategies.
- Contribute to healthy repository structure and CI/CD practices; help the team improve deployment and release readiness over time.
- Factor SaaS delivery considerations (multi-tenancy, scalability, operability) into front-end architecture and design decisions.
- Contribute to modernising legacy user interfaces and workflows into modern, componentised React experiences, working with backend teams where legacy systems are involved.
- Collaborate with Product, UX/UI, Architecture, Quality, and back-end engineering teams to deliver secure, performant, and intuitive enterprise software experiences.
- Influence product and roadmap direction through strong technical input and clear articulation of trade-offs.
- Shape solution requirements and contribute to product design discussions with a customer-value mindset.
- Coach and mentor engineers across the team, supporting juniors with practical guidance and feedback.
- Drive team-wide improvements (ways of working, quality practices, technical patterns, shared standards).
- Surface technical risks, dependencies, and impediments early and manage them effectively.
- Lead by example in delivery quality, engineering discipline, and technical initiatives.
- Provide transparent delivery execution and reporting through disciplined use of Azure DevOps.
Requirements
Minimum Level of Education- Bachelor's degree in relevant field (e.g. Computer Science, Software Engineering, Information Systems etc.)
Relevant certifications
Minimum Experience
- 6 - 9 years of software development experience, with demonstrated ownership of complex systems
- Strong professional experience in React and TypeScript, including component architecture, React Hooks, state management, and performance optimisation
- Proven experience leading technical work: design input, complex debugging across components, and delivery ownership
- Solid experience integrating front-end applications with REST APIs and back-end services, including asynchronous JavaScript, JSON data handling, and client-side routing
- Practical experience with modern front-end build and package-management tooling (e.g., npm, Vite, or Webpack), Git-based source control, and browser developer tools for debugging
- Practical experience working in an agile delivery environment and using Azure DevOps (or equivalent), with the ability to mentor others in good usage
- Experience in enterprise software, ERP, SaaS, or complex multi-team product environments
- Familiarity with back-end technologies (e.g., C#/.NET) and API design, to support effective collaboration with back-end engineering teams
- Experience with automated testing frameworks (Jest, Vitest, React Testing Library) and browser-based end-to-end testing (Playwright, Cypress, or similar)
- Experience with design systems, component libraries (e.g., Storybook), and modern styling approaches (CSS Modules, Sass, or CSS-in-JS)
- Experience with micro-frontend architectures, WebSockets or real-time technologies, and OAuth 2.0/OpenID Connect
- Experience with cloud platforms, containerisation (Docker, Kubernetes), and application observability/telemetry
- Security and compliance patterns relevant to enterprise software
- Strong understanding of engineering quality: coding standards, reviews, and testing practices
- Strong communication skills and the ability to influence peers and stakeholders constructively
- Ownership mindset: responsible for product quality and delivery outcomes
- Strong problem-solving and debugging capability, with a focus on identifying root causes rather than symptoms
- Pragmatic technical leadership: makes good decisions, explains trade-offs clearly, and drives alignment
- Team-first collaborator: resolves team-level technical and collaboration issues constructively
- Coaching orientation: actively develops others and raises the team standard
- Customer and product focus: understands how front-end engineering decisions affect usability, performance, and the value delivered to end users
Benefits
- Income continuation protection
- Funeral Benefit
- Provident Fund Admin Fee
- Global Education Protection
- Bonus/ commission programmes
- Maternity: 6 months at half pay
- Paternity: 2 weeks full pay
- Employee Assistance Programme
- Free Barista Coffee Daily
- Gym Facilities
- Free Daily Lunch
- Free Fruit on a Tuesday & Thursday
- Free Refreshments & Snacks Daily
Skills
- Accessibility
- Agile
- API
- Api Design
- Authentication
- Azure
- Azure DevOps
- CI/CD
- Cloud
- Containerization
- C#
- CSS
- Cypress
- DevOps
- Docker
- .NET
- ERP
- Git
- JavaScript
- Jest
- JSON
- Kubernetes
- Npm
- OAuth
- Observability
- OpenID
- Playwright
- React
- REST
- SaaS
- Sass
- Storybook
- Test Automation
- TypeScript
- Vite
- Vitest
- WCAG
- Webpack
- Websockets