Stack · Fundament

React in de praktijk

React is de techniek waarmee we de schermen zelf maken. Denk aan een bouwpakket met vaste onderdelen: een prijsblok, een filter, een stappenformulier. Elk onderdeel maak je één keer en gebruik je daarna overal. Verandert er iets, een gekozen optie, een ingevuld veld, dan werkt alleen dat stukje scherm bij, niet de hele pagina. Dat is waarom een configurator of een dashboard aanvoelt als een programma en niet als een website die steeds opnieuw laadt.

Waarvoor wij het inzetten

Wij gebruiken React overal waar de bezoeker iets doet in plaats van alleen leest. Bij Peponi XL houdt het filters, varianten en winkelwagen bij in een webshop met ruim 300.000 artikelen. Bij Elektromarine draagt het de vergelijkingen en keuzehulpen waarmee een booteigenaar tot een antwoord komt. In de portalen van FLT Group zijn de 62 schermen uit dezelfde bouwstenen opgetrokken, zodat een nieuw scherm dagen kost in plaats van weken.

In je bedrijfsproces

Waar dit zijn geld terugverdient

Een medewerker opent 's ochtends het portaal. Openstaande dossiers, betalingen en meldingen staan in dezelfde opmaak, in schermen die uit dezelfde onderdelen zijn gebouwd. Hij zet een filter en de lijst past zich direct aan, zonder te wachten op een nieuwe pagina. Keurt hij een dossier goed, dan verandert de status voor iedereen die meekijkt. Wil je er volgende maand een scherm bij, inkoop, garantie, retouren, dan hergebruik je de bestaande blokken. Wat eruit komt: minder klikken per handeling en een portaal dat meegroeit met je werkwijze.

  • Schermen die reageren zonder de pagina opnieuw te laden
  • Nieuwe schermen uit bestaande blokken, dus sneller opgeleverd
  • Eén vormtaal over site, portaal en klantomgeving
  • Minder klikken en minder wachttijd per handeling
  • Een wijziging op één plek werkt overal door
Wanneer het niet de juiste keuze is

React is ontwikkelaarswerk. Je past het niet zelf even aan zoals een tekst in een CMS, en dat maakt kleine wijzigingen duurder dan bij een klassieke site. Voor een pagina die vooral tekst en beeld toont, voegt het weinig toe. Wij zetten het in waar mensen echt iets doen in het scherm, en houden gewone content los bewerkbaar.

Wat zou er bij jou automatisch kunnen draaien?

Vertel in drie zinnen wat je bedrijf doet en waar het vastloopt. In een gesprek van 30 minuten laten we zien wat er als eerste te automatiseren valt.