React
React is de bibliotheek waarmee een groot deel van de moderne interfaces op het web gebouwd is. Je kiest het zelden bewust als opdrachtgever: je kiest Next.js, of een bureau bouwt je webapplicatie ermee, en React zit eronder.
- Sinds
- 2013
- Van
- Meta
- Type
- Bibliotheek, geen raamwerk
- Meestal via
- Next.js
- Sterk in
- Dashboards en portalen
Wat is React?
React komt van Meta en bestaat sinds 2013. Het idee erachter is dat je een interface opbouwt uit losse componenten (een knop, een kaart, een formulier) die je overal hergebruikt.
Dat maakt het sterk voor toepassingen waar veel gebeurt zonder dat de pagina herlaadt: dashboards, configuratoren, klantportalen. Voor een gewone bedrijfssite is die kracht overbodig.
React is een bibliotheek en geen compleet raamwerk. In de praktijk gebruik je het daarom bijna altijd via Next.js, dat de ontbrekende onderdelen invult zoals routering en het vooraf opbouwen van pagina's.
Voor jou als opdrachtgever telt vooral het gevolg: React-code is JavaScript dat in de browser draait, en zonder de juiste opzet is dat slecht voor vindbaarheid. Dat is precies wat Next.js oplost.
Hoe React werkt
React bouwt de pagina op in de browser uit componenten. Zonder aanvullende maatregelen krijgt een zoekmachine een vrijwel lege pagina te zien.
Daarom wordt het serieus altijd gecombineerd met een raamwerk dat pagina's vooraf op de server opbouwt. Bij ons is dat Next.js.
Componenten zijn herbruikbaar over een heel project, wat bij grote interfaces veel tijd scheelt en de vormgeving consistent houdt.
Wanneer React de juiste keuze is
- Je bouwt een dashboard, portaal of configurator
- De interface verandert veel zonder dat de pagina herlaadt
- Er is een ontwerpsysteem dat over veel schermen consistent moet blijven
- Je hebt al een React-applicatie die onderhoud nodig heeft
Wanneer je beter iets anders kiest
Voor een bedrijfssite of webshop met content is React onnodig: je bouwt met veel meer werk iets wat WordPress kant-en-klaar levert, je klant kan er zonder ontwikkelaar niets aan veranderen, en zonder de juiste opzet schaadt het je vindbaarheid. Kies React als er echt een applicatie gebouwd wordt, niet voor pagina's die vooral gelezen worden.
Wat React kost
React is gratis en open source. De kosten zitten volledig in het bouwen, en dat ligt hoger dan een CMS omdat alles gemaakt wordt.
Bij ons valt werk in React onder maatwerk vanaf €6.500, of onder een Next.js-project als het om een site gaat.
Reken op doorlopend onderhoud: pakketten in het JavaScript-ecosysteem verlopen sneller dan in de PHP-wereld, en een project dat een jaar stilstaat kost tijd om weer bij te werken.
Wat we het vaakst fout zien gaan
Een contentsite in React bouwen
Zonder CMS kan de klant niets zelf aanpassen, en zonder serverzijdige opbouw ziet Google een lege pagina. Beide problemen komen pas na oplevering aan het licht.
Geen ontwerpsysteem afspreken
Componenten hergebruiken werkt alleen als er afspraken zijn. Zonder die afspraken staan er na een half jaar vier soorten knoppen in dezelfde applicatie.
Onderhoud niet begroten
JavaScript-pakketten verouderen snel. Een React-project dat een jaar niet is bijgewerkt, kost een serieuze inhaalslag voordat er iets nieuws bij kan.
React in Nederland
React is in Nederland de standaard voor moderne interfaces, en er is veel kennis beschikbaar. Dat betekent dat je bij een React-project niet vastzit aan één partij.
Let op de zoekterm: 'React developer' levert vooral vacatures op. Zoek je een partij die iets bouwt of overneemt, dan kom je verder via de dienst die je nodig hebt.
Wat wij met React doen
- Webapplicaties en portalen bouwen in React, meestal via Next.js
- Bestaande React-projecten overnemen en bijwerken
- Ontwerpsystemen opzetten zodat componenten consistent blijven
- Adviseren wanneer een CMS volstaat en React zonde is
Veelgestelde vragen over React
Staat je vraag er niet tussen? Bel of app ons gerust, je krijgt binnen vier werkuur antwoord.
Is React goed voor SEO?
Kaal niet: de browser bouwt de pagina op en een zoekmachine ziet weinig. Met Next.js, dat pagina's op de server opbouwt, is dat opgelost en scoort het prima.
React of WordPress?
WordPress voor sites die vooral gelezen worden en waar de klant zelf content beheert. React zodra er echt een applicatie gebouwd wordt met veel interactie.
Kunnen jullie een React-project overnemen?
Ja. De eerste stap is meestal het bijwerken van verouderde pakketten en het in kaart brengen van wat er zonder documentatie is gebouwd.
Wat kost een React-applicatie?
Bij ons begint maatwerk bij €6.500. De prijs hangt af van het aantal schermen en de complexiteit van de logica erachter.
Ook het overwegen waard
Benieuwd wat React voor jouw bedrijf kan betekenen?
Vraag het gratis proefontwerp aan: binnen 2 werkdagen zie je een ontwerp van je nieuwe homepage, met een vaste prijs erbij. Daarna beslis je pas.
Het bureau achter je project: één vast aanspreekpunt, op werkdagen binnen vier uur reactie.
“Perfect gedaan. Ik stuurde een schets met uitleg en het eerste ontwerp zat er al voor 95 procent op. Na één kleine feedbackronde was alles precies zoals ik het wilde.”