Empowering a US Retail Chain with React Native

FYE

Empowering a US Retail Chain with React Native

Services provided

Specialities involved

Services provided

Specialities involved

The Project

YLD embarked on a partnership with a prominent US retail company to create an invaluable internal tool. The objective was to free up the company's employees from tedious manual administrative tasks, so they could focus on providing top-notch customer service. Our client operated a chain of media and merchandise stores across the United States, making customer interactions a central aspect of their business. Because of this, it was crucial to craft a solution that would free up time for the customer-facing aspects of their operations.

Over several months, we worked closely with the retail company to understand their unique challenges and requirements, then conceptualised and developed the internal tool, tailoring it to their specific needs.

Our Approach

Our client wanted to change its price tag printing process, as they were using a dated system that was time-consuming and unintuitive. The goal was to be able to update in-store prices quickly, be notified of price changes, confirm the in-store product availability using a mobile barcode reader, and generate new price tags using a mobile barcode printer.

At the time, React Native had been open-sourced recently and YLD were early adopters of this technology. We saw its potential to produce native apps that were performant, maintainable, and integrated well with existing stacks and team skills.

Since React Native was still relatively new, experimental, and perpetually evolving, we had to constantly and quickly adapt as upstream changes were happening. From implementing our navigation tooling (react-navigation didn't exist yet), to facing animation performance challenges. Alongside that, React Native's Flexbox implementation came with its quirks (fixed with v2 of Yoga).

We couldn't just use Expo which had just been released as we needed to maintain our own custom modules to interact with the barcode reader and the printer.

As the topic of state management was still hot in the React ecosystem, following the release of Redux the previous year, we chose to go all in with Redux and manage all the state and side effects with it.

The Impact

We ended up with a maintainable, composable, and performant application. Our composition decisions allowed us to create new views and interactions quickly, without losing quality.

It had a massive impact on the in-store operations as it simplified some slow and contrived tasks, freeing up valuable time for the store employees and enabling them to dedicate their efforts to creating exceptional customer experiences.

Ultimately, our pragmatism and technical decision to adopt React Native, to overcome its learning curve and experimental nature, paid off massively. It wasn't just about delivering a one-time solution: we worked closely with their existing team of web engineers to ensure they understood the inner workings of the app, empowering them to maintain and adapt it in the future. This knowledge transfer ensured they could leverage the tool's capabilities effectively, even as their business continued to grow and change.

Featured work


Candy Illustration

Candy

Streamlined Marketplace for Digital Collectible Fans

Candy

Streamlined Marketplace for Digital Collectible Fans

YLD and Candy developed a cutting-edge platform, changing how fans and collectors engage with their favourite sports, music, art, and cultural icons.


Illustration - Bulb.2

Customisable Energy Management for Every Home

Customisable Energy Management for Every Home

UK energy supplier partnered with YLD for engineering expertise, creating a white-label platform for customer service automation, cost savings prediction, and user-friendly household energy management, transactions, and bill splitting.


Joyent case study preview image

Joyent

Application awareness for Joyent

Joyent

Application awareness for Joyent

We created an application management platform that incorporates Joyent’s cloud infrastructure service and application orchestration software, ContainerPilot.

Find us

London - HQ

9 Dallington Street

London

EC1V 0LN

+44(0) 203 514 4678

hello@yld.io

Lisbon

Rua Ramalho Ortigão 8

3º Esquerdo

1070-230

Lisboa

Porto

Rua Sá da Bandeira 819

2º Esquerdo

4000-438

Porto