MobielWeb
Native apparaatkoppelingen in een webstroom
Eigen React-wrappers rond native bridges en een robuuste scan-toestandsmachine die de afrondingspercentages verhoogden op de platforms waar de standaardschermen tekortschoten.
- Stack
- React · React Native bridge · State machines
Het probleem
Een hardwarechip uitlezen via meerdere leveranciers, op een zeer breed scala aan telefoons en netwerken, gaf lage afrondingspercentages. Een browser kan niet met de hardware praten, dus alles liep via native app-bridges, en de standaardschermen van de leveranciers faalden stilletjes als de gebruiker het apparaat bewoog.
De aanpak
- Eigen React-wrappers over de native bridges, in plaats van de standaardschermen van de leveranciers. De onze voegden visuele uitlijnhulpen, haptische signalen, herstellussen bij fouten en een eigen huisstijl toe.
- Expliciete asynchrone toestandsmachines (scannen, lezen, verifiëren) met automatische nieuwe pogingen als de verbinding wegvalt.
Het resultaat
De afrondingspercentages stegen duidelijk op de platforms en in de markten waar de standaardschermen moeite hadden, en de totale conversie verbeterde na de uitrol.