At a Glance
- Tasks: Lead the design and implementation of complex frontend features using React and Next.js.
- Company: Join MandM, a leading online retailer in a modern, collaborative workspace.
- Benefits: Enjoy a hybrid work model, competitive salary, and opportunities for professional growth.
- Other info: Be part of a culture that values creativity, teamwork, and continuous learning.
- Why this job: Make an impact by mentoring others and driving technical excellence in a dynamic team.
- Qualifications: Expertise in React, Next.js, and strong coding standards required.
The predicted salary is between 36000 - 60000 £ per year.
About The Role
Hereford, England, United Kingdom
Type: Permanent
Working Pattern: Hybrid
Who Are We?
MandM is one of the biggest employers in Herefordshire and one of Europe’s leading online, off-price retailers, selling branded Fashion, Sport & Outdoor products for Men, Women and Children. We offer our customers fantastic value by partnering with companies who we have built long term relationships with, enabling us to offer our customers big household names and up-and-coming brands, giving fantastic value all year round. We are located in the heart of Hereford City Centre in our brand new, state of the art office. The modern, stylish workspace was designed to encourage collaborative working, teamwork and creativity - everything that MandM is all about.
As our business continues to grow we are recruiting for a talented Senior Front End Engineer to join our growing team. Why not come be a part of our journey to success and take advantage of all MandM can offer you!
Role Scope
As a Senior Frontend Engineer at MandM, you are an experienced developer who works with minimal support and is a key technical influencer and mentor within the team. This is a hands-on, individual contributor role focused purely on technical excellence.
Role Key Responsibilities
- Lead Technical Design and Implementation: Take ownership of complex frontend features and architectural decisions, ensuring scalability, maintainability, and optimal performance across all applications.
- Be a React/Next.js Expert: Leverage advanced React and Next.js features, including Server Components, client-side rendering, routing, and data fetching within the App Router paradigm to build robust, modern applications.
- Code Quality and Standards: Establish and enforce high-quality coding standards, conducting thorough code reviews, and advocating for best practices in state management, testing, and component architecture.
- Write Clean, Accessible Code: Be responsible for writing accessible code, ensuring high standards of accessibility (A11Y) and responsiveness across all devices.
- Drive Technical Direction: Help set direction and embed good practice within teams, providing guidance on modern development standards, tooling, and best practices.
- Mentorship and Coaching: Actively mentor mid-level and junior engineers, sharing your expertise in React, Next.js, and general software development principles, fostering a culture of continuous learning and technical excellence.
- Cross-Functional Collaboration: Work closely with backend engineers, product managers, and designers to translate high-level requirements and designs into tangible, user-friendly interfaces.
- Performance Optimization: Identify and resolve performance and security issues, optimizing load times and ensuring a seamless user experience.
- Mentor and Collaborate: Teach and mentor other developers on technical skills and best practices. Collaborate effectively with other disciplines (UX/Design, Backend) to understand requirements and deliver the best user experience.
- Focus on the User: Champion user research and collaborate with interaction designers to ensure all development meets genuine user needs.
About You
Skills & Competencies
Hard Skills (Technical Expertise)
- Mastery of React and the Ecosystem: Extensive experience with React hooks, component lifecycle, functional components, and popular state management libraries (e.g., Redux, Zustand, or equivalent).
- Next.js Specialisation: Proven track record building large-scale applications with Next.js, specifically leveraging the App Router, Server Components, data fetching strategies, and deployment best practices.
- Advanced Styling Solutions: Expertise in modern CSS approaches, particularly using Vanilla Extract CSS (or similar CSS-in-JS/CSS modules solutions) for maintainable and scalable styling.
- Common Frontend Technologies: Strong command of HTML5, CSS3, and modern web APIs. Experience with bundling tools (e.g., Webpack, Vite) and package managers (npm, yarn).
- Testing and Quality Assurance: Solid experience writing unit, integration, and end-to-end tests (e.g., Vitest, React Testing Library, Cypress).
- Programming and Build: Experience building, testing, and documenting user interfaces of medium to high complexity, using appropriate standards and tools.
- RESTful APIs: Experience consuming and integrating with backend services via RESTful APIs.
- Accessibility: Ability to champion accessibility to internal stakeholders and build user interfaces that meet a predefined set of standards.
- Web Performance Optimisation: Skilled at identifying and resolving web performance issues and collecting data to monitor them.
Soft Skills (Leadership and Communication)
- Mentorship and Teaching: Proven ability to coach, guide, and inspire team members, providing constructive feedback and technical direction.
- Problem-Solving and Critical Thinking: Excellent analytical skills with a proactive approach to identifying, diagnosing, and solving complex technical challenges.
- Communication: Outstanding written and verbal communication skills, capable of articulating complex technical concepts to both technical and non-technical stakeholders.
- Ownership and Accountability: A strong sense of responsibility for the quality and delivery of features and projects.
- Collaboration: Ability to thrive in a collaborative, agile environment and contribute positively.
Senior Front End Engineer - React Specialist in Hereford employer: MandM Direct
MandM is an exceptional employer located in the vibrant heart of Hereford, offering a modern and collaborative workspace designed to foster creativity and teamwork. As one of Europe’s leading online off-price retailers, we provide our employees with meaningful growth opportunities, a supportive work culture, and the chance to be part of a dynamic team that values technical excellence and mentorship. Join us to enjoy a rewarding career where your contributions directly impact our success and the satisfaction of our customers.
StudySmarter Expert Advice🤫
We think this is how you could land Senior Front End Engineer - React Specialist in Hereford
✨Join Local Tech Meetups
Get out there and mingle with fellow developers by joining local tech meetups. It’s a fantastic way to meet people who might be working at MandM Direct or know someone who does. Plus, you can pick up some trendy tech skills and trends while you're at it!
✨Contribute to Open Source Projects
Show off your coding chops by jumping into open-source projects. Not only does this give you practical experience, but it also gets you noticed in the dev community. You'll create a killer portfolio that speaks volumes about your skills to MandM Direct.
✨Tap into Online Developer Communities
Don’t underestimate the power of online developer communities like GitHub, Stack Overflow, and even Reddit. Participate in discussions, share your projects, and build your visibility. We can often find opportunities through these channels that can lead to a full-time gig at companies like MandM Direct.
✨Explore Job Boards Specifically for Tech Roles
Keep your eyes peeled on job boards that focus on tech roles. Sites like TechCareers or Stack Overflow Jobs can often have listings for companies like MandM Direct that might not show up on broader job sites. Make it a habit to check these regularly, and don’t hesitate to apply directly through our website!
We think you need these skills to ace Senior Front End Engineer - React Specialist in Hereford
Some tips for your application 🫡
Show off your coding skills:When applying for a software engineering role, it's super important to showcase your coding skills. Make sure your CV includes your tech stack, any relevant programming languages you’re comfortable with, and examples of projects you've worked on. If you have a GitHub profile, link it up! We love to see code in action.
Tailor your portfolio:For a full-time role, we’d expect to see some solid examples of your work in your portfolio. Make sure to include at least two or three projects that highlight your problem-solving skills and your ability to work with different technologies. Focus on the projects that are most relevant to the position at MandM Direct.
Craft a killer cover letter:Your cover letter is your chance to stand out—make it personal! Explain why you want to work at MandM Direct and how your skills align with the role. Show us your passion for software development. We dig enthusiastic candidates who understand the value of collaboration and continuous learning!
Be clear and concise:When it comes to writing your CV and cover letter, clarity is key. Avoid jargon that could confuse us and stick to simple, direct language. Highlight your achievements with quantifiable results where possible, and keep everything easy to read. A well-organised application goes a long way!
How to prepare for a job interview at MandM Direct
✨Brush Up on Your Coding Skills
For a full-time software engineering role, it's crucial that we stay sharp with our coding abilities. Expect technical questions that might involve solving problems on the spot or discussing algorithms. Practise on platforms like LeetCode or HackerRank to get comfortable with the types of questions that often come up.
✨Know Your Tools and Frameworks
Make sure we’re well-acquainted with the tools and technologies listed in the job description. Familiarise ourselves with any specific frameworks or programming languages mentioned. If MandM Direct uses React or Node.js, for instance, be ready to discuss how we’ve used them in previous projects or coursework.
✨Showcase Your Projects
Bring along a portfolio that highlights our best work. This could be code samples, GitHub repositories, or any side projects we’ve built. Make sure we can talk through our thought process for each project, especially the challenges we faced and how we solved them—this shows our problem-solving skills in action.
✨Prepare for Behavioural Questions
While technical skills are key, full-time positions also require cultural fit. Be ready to discuss our previous experiences and how we handle teamwork, conflict, and deadlines. Brush up on the STAR method—Situation, Task, Action, Result—to clearly articulate our past experiences when discussing how we've contributed to a team.
