Now hiring

Senior Frontend Engineer (React/TypeScript) (Lisbon, 11, PT, 1050-094) @ dsvas

Lisbon, 11, PT, 1050-094OnsiteFull-timePosted 1 days ago

Opens on the employer's site

About this role

<p>Número da Solicitação de Emprego: 106067<br> Horário: Full Time</p> <p> </p> <p><span style="font-family:arial, helvetica, sans-serif;font-size:12.0pt;color:black"><strong><em>PLEASE REMEMBER TO CLICK "APPLY" BUTTON AFTER SAVING YOUR PROFILE TO COMPLETE YOUR APPLICATION PROCESS</em></strong></span></p> <p style="margin:0.0cm;font-size:11.0pt;font-family:Aptos, sans-serif"> </p> <p style="margin:0.0cm;font-size:11.0pt;font-family:Aptos, sans-serif"><span style="font-size:12.0pt;color:black"><strong><span style="font-family:Arial, sans-serif">Why join us</span></strong></span></p> <p style="margin:0.0cm;font-size:11.0pt;font-family:Aptos, sans-serif"><span style="font-size:12.0pt;color:black"><span style="font-family:Arial, sans-serif">Join DSV’s Global IT building next‑gen Enterprise Products across Supply Chain, Data, and Platform capabilities. </span><span style="font-family:Arial, sans-serif">We work in <strong>cross‑functional platform &amp; product teams</strong> with a flat hierarchy and a collaborative culture. <strong>Our principles:</strong> We learn fast, design for scale, build pragmatically, and treat <strong>quality as a team sport</strong>.</span></span></p> <p style="margin:0.0cm;font-size:11.0pt;font-family:Aptos, sans-serif"> </p> <p style="margin:0.0cm;font-size:11.0pt;font-family:Aptos, sans-serif"><span style="font-size:12.0pt;color:black"><strong><span style="font-family:Arial, sans-serif">The impact you’ll have</span></strong></span></p> <p style="margin:0.0cm;font-size:11.0pt;font-family:Aptos, sans-serif"><span style="font-size:12.0pt;font-family:Arial, sans-serif;color:black">You’ll design and deliver <strong>robust, accessible, and performant UIs</strong> for mission-critical workflows, collaborating closely with Product, Design, and Developers to ship features that scale. You’ll elevate frontend engineering practices and help teams adopt <strong>modern patterns for reliability, performance, and speed</strong>.</span></p> <p style="margin:0.0cm;font-size:11.0pt;font-family:Aptos, sans-serif"> </p> <p style="margin:0.0cm;font-size:11.0pt;font-family:Aptos, sans-serif"><span style="font-size:12.0pt;color:black"><strong><span style="font-family:Arial, sans-serif">What you’ll do</span></strong></span></p> <ul style="margin-top:0.0cm;margin-bottom:0.0cm" type="disc"> <li style="color:black;margin-top:0.0cm;margin-right:0.0cm;margin-bottom:0.0cm;font-size:12.0pt;font-family:Aptos, sans-serif"><span style="font-size:12.0pt;color:black"><strong><span style="font-family:Arial, sans-serif">Design &amp; Development</span></strong></span></li> <ul style="margin-top:0.0cm;margin-bottom:0.0cm" type="circle"> <li style="color:black;margin-top:0.0cm;margin-right:0.0cm;margin-bottom:0.0cm;font-size:12.0pt;font-family:Aptos, sans-serif"><span style="font-size:12.0pt;font-family:Arial, sans-serif;color:black">Build and maintain UI components and data‑driven interfaces in React + TypeScript, integrating REST APIs (and Kafka‑backed services via our backend contracts). </span></li> <li style="color:black;margin-top:0.0cm;margin-right:0.0cm;margin-bottom:0.0cm;font-size:12.0pt;font-family:Aptos, sans-serif"><span style="font-size:12.0pt;font-family:Arial, sans-serif;color:black">Work closely with backend developers to integrate frontend components with server-side APIs and services. </span></li> <li style="color:black;margin-top:0.0cm;margin-right:0.0cm;margin-bottom:0.0cm;font-size:12.0pt;font-family:Aptos, sans-serif"><span style="font-size:12.0pt;font-family:Arial, sans-serif;color:black">Implement responsive, WCAG‑aware frontends using semantic HTML/CSS with a modern UI framework (e.g., Material UI). </span></li> <li style="color:black;margin-top:0.0cm;margin-right:0.0cm;margin-bottom:0.0cm;font-size:12.0pt;font-family:Aptos, sans-serif"><span style="font-size:12.0pt;font-family:Arial, sans-serif;color:black">Contribute to architectural patterns (request/response services, event‑driven flows, file transport jobs) with clear technical documentation.</span></li> <li style="color:black;margin-top:0.0cm;margin-right:0.0cm;margin-bottom:0.0cm;font-size:12.0pt;font-family:Aptos, sans-serif"><span style="font-size:12.0pt;font-family:Arial, sans-serif;color:black">performance optimization and web vitals</span></li> </ul> <li style="color:black;margin-top:0.0cm;margin-right:0.0cm;margin-bottom:0.0cm;font-size:12.0pt;font-family:Aptos, sans-serif"><span style="font-size:12.0pt;color:black"><strong><span style="font-family:Arial, sans-serif">Quality &amp; Security</span></strong></span></li> <ul style="margin-top:0.0cm;margin-bottom:0.0cm" type="circle"> <li style="color:black;margin-top:0.0cm;margin-right:0.0cm;margin-bottom:0.0cm;font-size:12.0pt;font-family:Aptos, sans-serif"><span style="font-size:12.0pt;font-family:Arial, sans-serif;color:black">Write unit/integration/E2E tests (Jest, React Testing Library, Cypress) and integrate them into CI/CD pipelines.</span></li> <li style="color:black;margin-top:0.0cm;margin-right:0.0cm;margin-bottom:0.0cm;font-size:12.0pt;font-family:Aptos, sans-serif"><span style="font-size:12.0pt;font-family:Arial, sans-serif;color:black">Optimize for performance, scalability, and fault tolerance; ensure observability hooks are in place.</span></li> <li style="color:black;margin-top:0.0cm;margin-right:0.0cm;margin-bottom:0.0cm;font-size:12.0pt;font-family:Aptos, sans-serif"><span style="font-size:12.0pt;font-family:Arial, sans-serif;color:black">Follow secure coding principles; implement authentication, authorization, and role-based access control.</span></li> </ul> <li style="color:black;margin-top:0.0cm;margin-right:0.0cm;margin-bottom:0.0cm;font-size:12.0pt;font-family:Aptos, sans-serif"><span style="font-size:12.0pt;color:black"><strong><span style="font-family:Arial, sans-serif">Collaboration &amp; Best Practices</span></strong></span></li> <ul style="margin-top:0.0cm;margin-bottom:0.0cm" type="circle"> <li style="color:black;margin-top:0.0cm;margin-right:0.0cm;margin-bottom:0.0cm;font-size:12.0pt;font-family:Aptos, sans-serif"><span style="font-size:12.0pt;font-family:Arial, sans-serif;color:black">Partner with Product Owners, Designers (Figma), Tech Leads, and QA to refine requirements and shift-left on testability and UX.</span></li> <li style="color:black;margin-top:0.0cm;margin-right:0.0cm;margin-bottom:0.0cm;font-size:12.0pt;font-family:Aptos, sans-serif"><span style="font-size:12.0pt;font-family:Arial, sans-serif;color:black">Share knowledge across teams; contribute to design systems and developer communities.</span></li> <li style="color:black;margin-top:0.0cm;margin-right:0.0cm;margin-bottom:0.0cm;font-size:12.0pt;font-family:Aptos, sans-serif"><span style="font-size:12.0pt;font-family:Arial, sans-serif;color:black">Participate in code reviews and support L3 incident investigations (~10%).</span></li> </ul> </ul> <p style="margin:0.0cm 0.0cm 0.0cm 72.0pt;font-size:11.0pt;font-family:Aptos, sans-serif"> </p> <p style="margin:0.0cm;font-size:11.0pt;font-family:Aptos, sans-serif"><span style="font-size:12.0pt;color:black"><strong><span style="font-family:Arial, sans-serif">Your toolkit</span></strong></span></p> <ul style="margin-top:0.0cm;margin-bottom:0.0cm" type="disc"> <li style="color:black;margin-top:0.0cm;margin-right:0.0cm;margin-bottom:0.0cm;font-size:12.0pt;font-family:Aptos, sans-serif"><span style="font-size:12.0pt;color:black"><strong><span style="font-family:Arial, sans-serif">Languages/Frameworks:</span></strong><span style="font-family:Arial, sans-serif"> React, TypeScript/JavaScript, HTML, CSS/SCSS. </span></span></li> <li style="color:black;margin-top:0.0cm;margin-right:0.0cm;margin-bottom:0.0cm;font-size:12.0pt;font-family:Aptos, sans-serif"><span style="font-size:12.0pt;color:black"><strong><span style="font-family:Arial, sans-serif">UI:</span></strong><span style="font-family:Arial, sans-serif"> Material UI; design systems and component libraries. Figma.</span></span></li> <li style="color:black;margin-top:0.0cm;margin-right:0.0cm;margin-bottom:0.0cm;font-size:12.0pt;font-family:Aptos, sans-serif"><span style="font-size:12.0pt;color:black"><strong><span style="font-family:Arial, sans-serif">Build &amp; Dev</span></strong><span style="font-family:Arial, sans-serif">: Vite/Webpack; NPM/Yarn; Git. </span></span></li> <li style="color:black;margin-top:0.0cm;margin-right:0.0cm;margin-bottom:0.0cm;font-size:12.0pt;font-family:Aptos, sans-serif"><span style="font-size:12.0pt;color:black"><strong><span style="font-family:Arial, sans-serif">State/Data</span></strong><span style="font-family:Arial, sans-serif">: Redux Toolkit + RTK Query (preferred), React Query (nice‑to‑have). </span></span></li> <li style="color:black;margin-top:0.0cm;margin-right:0.0cm;margin-bottom:0.0cm;font-size:12.0pt;font-family:Aptos, sans-serif"><span style="font-size:12.0pt;color:black"><strong><span style="font-family:Arial, sans-serif">Testing</span></strong><span style="font-family:Arial, sans-serif">: Jest, React Testing Library, Playwright. </span></span></li> <li style="color:black;margin-top:0.0cm;margin-right:0.0cm;margin-bottom:0.0cm;font-size:12.0pt;font-family:Aptos, sans-serif"><span style="font-size:12.0pt;color:black"><strong><span style="font-family:Arial, sans-serif">CI/CD &amp; Ops</span></strong><span style="font-family:Arial, sans-serif">: Jenkins/Azure DevOps; containers/Docker; basic observability hooks. </span></span></li> </ul> <p style="margin:0.0cm;font-size:11.0pt;font-family:Aptos, sans-serif"><span style="font-size:12.0pt;color:black"><strong><span style="font-family:Arial, sans-serif"> </span></strong></span></p> <p style="margin:0.0cm;font-size:11.0pt;font-family:Aptos, sans-serif"><span style="font-size:12.0pt;color:black"><strong><span style="font-family:Arial, sans-serif">What you bring</span></strong></span></p> <ul style="margin-top:0.0cm;margin-bottom:0.0cm" type="disc"> <li style="color:black;margin-top:0.0cm;margin-right:0.0cm;margin-bottom:0.0cm;font-size:12.0pt;font-family:Aptos, sans-serif"><span style="font-size:12.0pt;font-family:Arial, sans-serif;color:black">6–8+ years building production frontends with <strong>React/TypeScript</strong>, delivering high-quality, performant code in enterprise or high-traffic environments.</span></li> <li style="color:black;margin-top:0.0cm;margin-right:0.0cm;margin-bottom:0.0cm;font-size:12.0pt;font-family:Aptos, sans-serif"><span style="font-size:12.0pt;font-family:Arial, sans-serif;color:black">Deep understanding of <strong>frontend architecture</strong>, design patterns, and performance optimization.</span></li> <li style="color:black;margin-top:0.0cm;margin-right:0.0cm;margin-bottom:0.0cm;font-size:12.0pt;font-family:Aptos, sans-serif"><span style="font-size:12.0pt;font-family:Arial, sans-serif;color:black">Practical WCAG accessibility know-how (semantic HTML, keyboard navigation, focus management).</span></li> <li style="color:black;margin-top:0.0cm;margin-right:0.0cm;margin-bottom:0.0cm;font-size:12.0pt;font-family:Aptos, sans-serif"><span style="font-size:12.0pt;font-family:Arial, sans-serif;color:black">Hands-on experience with <strong>state management</strong>, testing strategies, and CI/CD integration.</span></li> <li style="color:black;margin-top:0.0cm;margin-right:0.0cm;margin-bottom:0.0cm;font-size:12.0pt;font-family:Aptos, sans-serif"><span style="font-size:12.0pt;font-family:Arial, sans-serif;color:black">Strong collaboration and mentoring skills; clear, business-aware communication.</span></li> <li style="color:black;margin-top:0.0cm;margin-right:0.0cm;margin-bottom:0.0cm;font-size:12.0pt;font-family:Aptos, sans-serif"><span style="font-size:12.0pt;font-family:Arial, sans-serif;color:black">Nice-to-have: monorepos/micro-frontends, Storybook, Next.js, cloud (Azure/AWS).</span></li> </ul> <p style="color:black;margin-top:0.0cm;margin-right:0.0cm;margin-bottom:0.0cm;font-size:11.0pt;font-family:Aptos, sans-serif"> </p> <p><span style="font-family:arial, helvetica, sans-serif;font-size:12.0pt;color:black"><strong>What we offer:</strong></span></p> <ul style="list-style-type:disc"> <li style="font-family:arial, helvetica, sans-serif;font-size:12.0pt;color:black"><span style="font-family:arial, helvetica, sans-serif;font-size:12.0pt;color:black">Permanent contract</span></li> <li style="font-family:arial, helvetica, sans-serif;font-size:12.0pt;color:black"><span style="font-family:arial, helvetica, sans-serif;font-size:12.0pt;color:black">Private medical care</span></li> <li style="font-family:arial, helvetica, sans-serif;font-size:12.0pt;color:black"><span style="font-family:arial, helvetica, sans-serif;font-size:12.0pt;color:black">English courses - financial or co-financed by company</span></li> <li style="font-family:arial, helvetica, sans-serif;font-size:12.0pt;color:black"><span style="font-family:arial, helvetica, sans-serif;font-size:12.0pt;color:black">Food allowance</span></li> <li style="font-family:arial, helvetica, sans-serif;font-size:12.0pt;color:black"><span style="font-family:arial, helvetica, sans-serif;font-size:12.0pt;color:black">Work schedule 35h/week</span></li> <li style="font-family:arial, helvetica, sans-serif;font-size:12.0pt;color:black"><span style="font-family:arial, helvetica, sans-serif;font-size:12.0pt;color:black">Hybrid work</span></li> <li style="font-family:arial, helvetica, sans-serif;font-size:12.0pt;color:black"><span style="font-family:arial, helvetica, sans-serif;font-size:12.0pt;color:black">Comprehensive onboarding program</span></li> <li style="font-family:arial, helvetica, sans-serif;font-size:12.0pt;color:black"><span style="font-family:arial, helvetica, sans-serif;font-size:12.0pt;color:black">Buddy </span></li> <li style="font-family:arial, helvetica, sans-serif;font-size:12.0pt;color:black"><span style="font-family:arial, helvetica, sans-serif;font-size:12.0pt;color:black">Good access to public transports </span></li> </ul> <p style="font-family:arial, helvetica, sans-serif;font-size:12.0pt"> </p> <p style="font-family:arial, helvetica, sans-serif;font-size:12.0pt"> </p> <p style="margin:0.0cm;font-size:11.0pt;font-family:Aptos, sans-serif"> </p> <p style="margin:0.0cm 0.0cm 10.5pt;line-height:12.0pt;font-size:11.0pt;font-family:Aptos, sans-serif"> </p><p style="text-align:justify"><b>DSV – Global Transport and Logistics</b></p> <p style="text-align:justify">Trabalhar na DSV significa trabalhar numa liga diferente.<br> Como líder global em transporte e logística, estamos numa extraordinária viagem de crescimento. Vamos crescer juntos enquanto continuamos a inovar, digitalizar e desenvolver as nossas conquistas.</p> <p style="text-align:justify">Com cerca de 160.000 colegas em mais de 90 países, trabalhamos todos os dias para oferecer serviços sólidos e satisfazer as necessidades dos nossos clientes, ajudando-os a atingir os seus objetivos. Sabemos que a melhor forma de o conseguir é trazendo novos talentos, novas perspetivas e indivíduos ambiciosos como você.</p> <p style="text-align:justify">Na DSV, o desempenho está no nosso ADN. Não trabalhamos apenas – o nosso objetivo é moldar o futuro da logística. Esta ambição alimenta um ambiente dinâmico construído com base na colaboração mundial em equipa, responsabilidade e ação. Valorizamos a inclusão, acolhemos diferentes culturas e respeitamos a dignidade e os direitos de cada indivíduo. Se quer causar impacto, ter a confiança dos clientes e desenvolver a sua carreira numa empresa com visão de futuro, este é o lugar para estar.</p> <p style="text-align:justify"><b>Comece aqui. Vá a qualquer lugar</b></p> <p style="text-align:justify">Visite <a href="https://www.dsv.com/">dsv.com</a> e siga-nos no <a href="https://www.linkedin.com/company/dsv/mycompany/verification/">LinkedIn</a> e no <a href="https://www.facebook.com/dsv.global">Facebook</a></p>

Ready to apply?

Install the ResuMinder extension and we'll auto-fill the application in seconds — no rewriting.

Get the extension →
See how your CV scores — free