Frontend Software Engineer - Saudi Only

About the role

Requirements

• What You Will Work On
• - Modern Frontend Development
• - Build and maintain production-grade web applications using React, JavaScript, and TypeScript.
• - Develop reusable, maintainable, and scalable frontend components.
• - Turn product requirements and designs into clean, intuitive, and responsive user experiences.
• - Integrate frontend applications with REST APIs and real-time communication services.
• - Work with WebSockets / Socket.IO to build real-time user experiences.
• - Understand and work with event-driven flows connected to RabbitMQ and backend messaging systems.
• - Handle real-time updates, reconnection scenarios, error states, and synchronization between live events and UI state.
• - Manage server state efficiently using React Query / TanStack Query.
• - Manage complex client-side state using Redux / Redux Toolkit when appropriate.
• - Contribute to improving frontend architecture, performance, code organization, and maintainability.
• Quality & Testing
• Quality is part of development — not something that happens after development.
• - Write reliable unit and integration tests using Jest.
• - Build and maintain end-to-end tests using Playwright.
• - Test your work thoroughly before considering it complete.
• - Participate actively in code reviews and learn from feedback.
• - Identify regressions, edge cases, and potential production issues before they reach users.
• - Debug issues systematically and focus on root causes rather than temporary workarounds.
• - Write code that is easy for other engineers to understand, review, test, and maintain.
• AI-Enabled Engineering
• We expect engineers to use AI as an engineering accelerator, not as a replacement for engineering judgment.
• - Use AI coding tools effectively to research, prototype, implement, debug, test, and refactor solutions faster.
• - Know how to provide AI tools with the right context, requirements, and constraints to generate useful results.
• - Critically review and validate AI-generated code instead of accepting it blindly.
• - Use AI to automate repetitive work and spend more time solving meaningful engineering problems.
• - Continuously explore better AI-assisted workflows that improve productivity and engineering velocity.
• - Maintain high standards for quality, security, performance, and maintainability, regardless of whether code was written manually or with AI assistance.
• The goal isn't simply to write code faster. It's to deliver better outcomes in less time without sacrificing quality.
• Ownership & Collaboration
• - Take ownership of your work from understanding the requirement through implementation, testing, review, and production.
• - Communicate clearly when requirements are unclear or when you identify technical risks.
• - Collaborate closely with frontend engineers, backend engineers, QA, product managers, and designers.
• - Ask questions when necessary while developing the ability to investigate and unblock yourself.
• - Give and receive constructive feedback during code reviews and technical discussions.
• - Help teammates when needed and actively share what you learn.
• - Take responsibility for the quality of what you ship.
• - Treat the product as something you own — not simply a collection of assigned tickets.

Responsibilities

• What You Will Work On
• - Modern Frontend Development
• - Build and maintain production-grade web applications using React, JavaScript, and TypeScript.
• - Develop reusable, maintainable, and scalable frontend components.
• - Turn product requirements and designs into clean, intuitive, and responsive user experiences.
• - Integrate frontend applications with REST APIs and real-time communication services.
• - Work with WebSockets / Socket.IO to build real-time user experiences.
• - Understand and work with event-driven flows connected to RabbitMQ and backend messaging systems.
• - Handle real-time updates, reconnection scenarios, error states, and synchronization between live events and UI state.
• - Manage server state efficiently using React Query / TanStack Query.
• - Manage complex client-side state using Redux / Redux Toolkit when appropriate.
• - Contribute to improving frontend architecture, performance, code organization, and maintainability.
• - Write reliable unit and integration tests using Jest.
• - Build and maintain end-to-end tests using Playwright.
• - Test your work thoroughly before considering it complete.
• - Participate actively in code reviews and learn from feedback.
• - Identify regressions, edge cases, and potential production issues before they reach users.
• - Debug issues systematically and focus on root causes rather than temporary workarounds.
• - Write code that is easy for other engineers to understand, review, test, and maintain.
• - Use AI coding tools effectively to research, prototype, implement, debug, test, and refactor solutions faster.
• - Know how to provide AI tools with the right context, requirements, and constraints to generate useful results.
• - Critically review and validate AI-generated code instead of accepting it blindly.
• - Use AI to automate repetitive work and spend more time solving meaningful engineering problems.
• - Continuously explore better AI-assisted workflows that improve productivity and engineering velocity.
• - Maintain high standards for quality, security, performance, and maintainability, regardless of whether code was written manually or with AI assistance.
• - The goal isn't simply to write code faster. It's to deliver better outcomes in less time without sacrificing quality.
• - Take ownership of your work from understanding the requirement through implementation, testing, review, and production.
• - Communicate clearly when requirements are unclear or when you identify technical risks.
• - Collaborate closely with frontend engineers, backend engineers, QA, product managers, and designers.
• - Ask questions when necessary while developing the ability to investigate and unblock yourself.
• - Give and receive constructive feedback during code reviews and technical discussions.
• - Help teammates when needed and actively share what you learn.
• - Take responsibility for the quality of what you ship.
• - Treat the product as something you own — not simply a collection of assigned tickets.

Skills

• React
• JavaScript
• TypeScript
• REST APIs
• WebSockets
• Socket.IO
• RabbitMQ
• React Query / TanStack Query
• Redux / Redux Toolkit
• Jest
• Playwright