React Software Engineer: Senior

Syspro

Johannesburg

On-site

ZAR 900,000 - 1,500,000

Full time

3 days ago

Be an early applicant

Application generator

Get a reply from this employer — a resume and cover letter tailored to exactly what they’re hiring for.

Get past ATS filters

Benefits offered by this job

Income continuation protection

Funeral Benefit

Provident Fund Admin Fee

Global Education Protection

Bonus/ commission programmes

Maternity: 6 months at half pay

Job summary

Syspro is seeking a Senior Software Engineer (React) to design, build, and own scalable, user-centric web applications. You will drive front-end architecture, mentor engineers, and collaborate with Product, UX/UI, QA, and back-end teams to deliver secure and performant enterprise software experiences.

This hands-on role emphasizes technical leadership, system design input, and team enablement within an enterprise context.

Qualifications

Bachelor's degree in relevant field (e.g. Computer Science, Software Engineering, Information Systems).
6-9 years of software development experience with ownership of complex systems.
Strong React and TypeScript experience including hooks, state management, and performance optimization.

Responsibilities

Design, develop, test, and maintain high-quality React/TypeScript web applications and components.
Take end-to-end ownership of complex work from analysis to deployment readiness.
Lead design reviews and contribute to front-end architecture and engineering standards.

Skills

React

TypeScript

REST APIs

Agile

Azure DevOps

NPM/Vite/Webpack

Git

Education

Bachelor's degree

Tools

Storybook

Jest

Playwright

Docker

Kubernetes

Job description

Job Description

As a Senior Software Engineer (React) at Syspro, you will design, build, and take ownership of high-quality, scalable, and user-focused web applications and components using React and modern front-end technologies. You will drive front-end architecture and engineering standards, solve complex technical problems, and support the growth of less experienced engineers, working closely with Product, UX/UI, Quality Engineering, Architecture, and back-end teams to deliver secure, performant, and accessible enterprise software experiences.

This is a hands-on engineering role with clear expectations for technical leadership, system design input, and team enablement.

Job Requirements

Minimum Level of Education

Bachelor's degree in relevant field (e.g. Computer Science, Software Engineering, Information Systems etc.)

Beneficial Qualifications

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

Beneficial Experience

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

Special Skills and Knowledge

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 clear ly, 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

Job 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.