Senior Software Engineer (React) – SYSPRO

SYSPRO is looking for a Senior Software Engineer (React) to design, develop and take ownership of high-quality, scalable and user-focused web applications and components.

The position is a hands-on engineering role with responsibility for front-end architecture, technical problem-solving and engineering standards. The successful candidate will work extensively with React and TypeScript, while collaborating with Product, UX/UI, Quality Engineering, Architecture and back-end engineering teams.

Beyond individual development work, the role involves providing technical leadership, contributing to system and architecture decisions, improving engineering practices and supporting the development of less experienced engineers.

The position is focused on delivering secure, performant, accessible and maintainable enterprise software experiences.

Who Should Apply?

This opportunity is suited to experienced software engineers with a strong front-end development background and significant professional experience working with React and TypeScript.

Candidates should be comfortable taking ownership of complex technical work, contributing to architecture and design decisions, debugging challenging problems and mentoring other engineers.

Experience in enterprise software, ERP, SaaS or other complex product environments would be beneficial.

The successful candidate will be responsible for the following:

Software Development

• Application Development: Design, develop, test and maintain scalable web applications and components using React, TypeScript and modern front-end technologies.
• End-to-End Ownership: Take responsibility for complex work from analysis and design through implementation, testing, deployment readiness and operational support.
• Reusable Components: Build modular and reusable React components and front-end libraries using functional components, hooks, component composition and appropriate state-management approaches.
• Product Development: Translate product requirements and UX designs into robust, production-ready software.
• API Integration: Integrate front-end applications with REST APIs and back-end services, including asynchronous JavaScript, JSON data handling and client-side routing.

Front-End Architecture and Engineering Standards

• Architecture: Contribute to the development of front-end architecture, frameworks and engineering standards.
• Technical Leadership: Lead design reviews and architecture discussions and help teams apply sound software design principles.
• Coding Standards: Establish and maintain strong front-end coding standards and engineering practices.
• Reusable Engineering Patterns: Promote consistency through shared components, design systems and common development patterns.
• Technical Debt: Identify and address technical debt while balancing immediate delivery requirements with long-term maintainability.

Quality and Testing

• Testing Practices: Help establish a strong testing culture covering unit, component, integration and end-to-end automated testing.
• Defect Investigation: Investigate software defects and focus on identifying and resolving underlying causes.
• Code Reviews: Contribute to reviews and provide practical feedback that improves software quality.
• Quality Improvements: Help strengthen engineering practices and improve the team's Definition of Done.

Performance and Accessibility

• Performance Optimisation: Improve application load times, rendering performance and bundle sizes using techniques such as code splitting, lazy loading, caching and memoisation.
• Responsive Development: Build applications that provide consistent experiences across supported browsers, devices and screen sizes.
• Accessibility: Develop applications in line with recognised accessibility standards, including WCAG.

Security and Delivery

• Secure Development: Apply secure front-end development practices and understand common web application vulnerabilities.
• Authentication and Data: Ensure secure handling of authentication, tokens, application state and sensitive information.
• Azure DevOps: Use Azure DevOps for work management, code reviews, pipelines and delivery traceability.
• Git: Work confidently with Git-based source control, including branching, pull requests and merge strategies.
• CI/CD: Contribute to healthy repository structures and continuous integration and delivery practices.

Enterprise and SaaS Development

• SaaS Architecture: Consider multi-tenancy, scalability and operability when making front-end architecture decisions.
• Modernisation: Help modernise legacy user interfaces and workflows into modern, component-based React experiences.
• Cross-Team Collaboration: Work with back-end teams where legacy systems and services are involved.
• Enterprise Applications: Help deliver secure, performant and intuitive software for enterprise users.

Product and Technical Leadership

• Product Input: Provide technical input into product and roadmap decisions.
• Requirements: Contribute to solution requirements and product design discussions with a focus on customer value.
• Technical Trade-Offs: Explain technical options and trade-offs clearly to help teams reach effective decisions.
• Risk Management: Identify technical risks, dependencies and impediments early and manage them appropriately.
• Delivery Reporting: Provide transparent delivery execution and reporting through effective use of Azure DevOps.

Coaching and Team Development

• Mentoring: Coach and support less experienced engineers through practical guidance and feedback.
• Team Improvements: Drive improvements to ways of working, quality practices, technical patterns and shared engineering standards.
• Technical Leadership: Lead by example in engineering discipline, delivery quality and technical initiatives.
• Team Collaboration: Help resolve team-level technical and collaboration challenges constructively.

Applicants should meet the following requirements:

Qualifications

• Bachelor's degree in a relevant field such as Computer Science, Software Engineering or Information Systems.
• Relevant professional certifications would be beneficial.

Experience

Applicants should have:

• 6–9 years of software development experience, with demonstrated ownership of complex systems.
• Strong professional experience with React and TypeScript.
• Experience with React component architecture, Hooks, state management and performance optimisation.
• Proven experience leading technical work, including design input, complex debugging and delivery ownership.
• Experience integrating front-end applications with REST APIs and back-end services.
• Experience with asynchronous JavaScript, JSON data handling and client-side routing.
• Experience with modern front-end build and package-management tools such as npm, Vite or Webpack.
• Experience with Git-based source control and browser developer tools.
• Experience working in an agile delivery environment.
• Experience using Azure DevOps or an equivalent platform.

Beneficial Experience

The following experience would be advantageous:

• Enterprise software, ERP, SaaS or complex multi-team product environments.
• Back-end technologies such as C#/.NET and API design.
• Automated testing frameworks such as Jest, Vitest or React Testing Library.
• Browser-based end-to-end testing using Playwright, Cypress or similar tools.
• Design systems and component libraries such as Storybook.
• Modern styling approaches including CSS Modules, Sass or CSS-in-JS.
• Micro-frontend architectures.
• WebSockets or other real-time technologies.
• OAuth 2.0 or OpenID Connect.
• Cloud platforms and containerisation technologies such as Docker and Kubernetes.
• Application observability and telemetry.
• Security and compliance practices relevant to enterprise software.

Skills and Knowledge

• Strong understanding of software engineering quality, coding standards, reviews and testing.
• Strong React and TypeScript development skills.
• Ability to design reusable and maintainable front-end components.
• Strong problem-solving and debugging ability.
• Ability to identify root causes rather than only addressing symptoms.
• Understanding of front-end architecture and application performance.
• Knowledge of secure web application development.
• Ability to work effectively with APIs and back-end services.
• Understanding of Git-based development and CI/CD practices.
• Experience with Azure DevOps or equivalent delivery tooling.

Personal Attributes

• Strong ownership mindset and accountability for product quality and delivery outcomes.
• Pragmatic approach to technical leadership and decision-making.
• Strong communication and stakeholder-influencing skills.
• Team-oriented approach to solving technical and collaboration challenges.
• Coaching and mentoring mindset.
• Ability to explain technical trade-offs clearly.
• Customer and product-focused approach to engineering decisions.
• Strong analytical and problem-solving approach.

What You Should Prepare Before Applying

Applicants should prepare an updated CV that clearly demonstrates their senior-level front-end engineering experience.

Your CV should ideally make it easy for the employer to identify:

• Your Bachelor's degree or relevant qualification.
• Your total software development experience.
• Your professional React and TypeScript experience.
• Complex applications or systems you have helped design and deliver.
• Examples of technical leadership or ownership.
• Experience with REST APIs and back-end integration.
• Experience with testing and quality practices.
• Azure DevOps and Git experience.
• Experience mentoring or supporting other engineers.
• Relevant enterprise, ERP or SaaS experience.
• Relevant certifications and additional technologies.

Where possible, describe significant projects by explaining what you worked on, your technical contribution and the outcome.

What You Could Expect

This is a hands-on senior engineering position combining software development with technical leadership.

The successful candidate can expect to work on:

• React and TypeScript-based enterprise applications.
• Front-end architecture and reusable component development.
• Complex technical problems and debugging.
• Application performance and accessibility.
• API and back-end integrations.
• Automated testing and engineering quality practices.
• Modernisation of legacy user interfaces.
• SaaS-related front-end architecture.
• Technical design and architecture discussions.
• Cross-functional work with Product, UX/UI, Architecture, Quality Engineering and back-end teams.
• Coaching and mentoring less experienced engineers.

The role provides an opportunity to influence front-end engineering standards and contribute to the technical direction of the team's software products.

Benefits and Workplace Offerings

The vacancy lists the following benefits and workplace offerings:

• Income continuation protection.
• Funeral benefit.
• Provident Fund administration fee.
• Global Education Protection.
• Bonus and commission programmes.
• Maternity leave of six months at half pay.
• Paternity leave of two weeks at full pay.
• Employee Assistance Programme.
• Free barista coffee daily.
• Gym facilities.
• Free daily lunch.
• Free fruit on Tuesdays and Thursdays.
• Free refreshments and snacks daily.

Application Process

Applicants interested in this opportunity should follow SYSPRO's official recruitment instructions.

1. Review the Senior Software Engineer (React) requirements and assess whether your qualifications and experience match the position.
2. Prepare an updated CV highlighting your React, TypeScript and senior software engineering experience.
3. Include relevant examples of technical leadership, architecture, mentoring and complex software development.
4. Visit the employer's official recruitment platform using the application link provided with the vacancy.
5. Complete the application form and provide accurate professional and educational information.
6. Upload any documents requested by the employer.
7. Review your information before submitting the application.
8. Submit your application according to the employer's stated instructions.

Note: A specific application link and closing date were not included in the vacancy information provided.

Before You Apply

Before submitting an application, applicants are encouraged to:

• Confirm that they meet the Bachelor's degree requirement.
• Check that they have the required 6–9 years of software development experience.
• Make sure their React and TypeScript experience is clearly visible on their CV.
• Highlight examples of complex systems they have owned or contributed to.
• Include experience with APIs, testing, Git, Azure DevOps and modern front-end tooling.
• Highlight technical leadership and mentoring experience.
• Mention relevant enterprise, ERP or SaaS experience where applicable.
• Review their CV for clear evidence of problem-solving and technical decision-making.
• Verify the latest vacancy details and application instructions on SYSPRO's official recruitment platform.

Vacancy Portal's Application Tip

For a Senior Software Engineer (React) position, don't focus your CV only on the technologies you know. At this level, the employer will also want to understand the level of ownership and technical responsibility you've had.

Instead of simply writing:

React, TypeScript, Azure DevOps, Git, REST APIs

show how you used those technologies. For example, explain how you designed a reusable component architecture, improved application performance, solved a difficult production issue, introduced automated testing, modernised a legacy interface or helped establish engineering standards.

Also highlight situations where you led technical discussions, mentored developers or influenced engineering decisions. These examples can demonstrate the senior-level responsibilities expected from the role more effectively than a long technology list alone.

Source / Official Application

This opportunity was published by SYSPRO.

Applicants should use the employer's official recruitment platform to review the full vacancy details and submit their applications.

Official Application: Application link not provided in the supplied vacancy information.

Company Website: SYSPRO

Employment Equity

This section has been omitted because no specific employment equity statement was included in the vacancy information provided.

Disclaimer

Vacancy Portal provides this opportunity as an informational resource for job seekers. Applicants should verify the requirements, salary, benefits, closing date and application instructions on the employer's official website before applying.

Vacancy Portal is not the recruiting employer and does not guarantee employment, shortlisting or selection. All recruitment decisions are made by the employer.