Frontend
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.
React in het kort
- Sinds
- 2013
- Van
- Meta
- Type
- Bibliotheek, geen raamwerk
- Meestal via
- Next.js
- Sterk in
- Dashboards en portalen
Wat het is
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.
Onder de motorkap
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.
Past het bij jou?
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.
Kosten
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.
Uit de praktijk
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.
In Nederland
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 we doen
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
Vragen
Veelgestelde vragen over React
Staat je vraag er niet tussen? Bel of app ons gerust, je krijgt binnen vier werkuur antwoord.
ProjectmanagerOp werkdagen binnen 4 uur antwoord
Staat je vraag er niet tussen? Stuur gerust een appje of een mail, dan zoeken we het voor je uit.
01Is 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.
02React 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.
03Kunnen 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.
04Wat 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.
05Wat is React precies?
React is een bibliotheek van Meta die sinds 2013 bestaat. Je bouwt er een interface mee uit losse componenten, en de code is JavaScript dat in de browser draait. Als opdrachtgever kies je het zelden bewust: meestal zit het onder Next.js of onder een webapplicatie die een bureau voor je bouwt.
06Heeft React zelf routering?
Nee, React is een bibliotheek en geen compleet raamwerk, dus routering zit er niet standaard in. In de praktijk gebruik je React bijna altijd via Next.js, dat de ontbrekende onderdelen invult, zoals routering en het vooraf opbouwen van pagina's.
07Wat zijn voorbeelden van React-componenten?
Denk aan een knop, een kaart of een formulier: losse bouwstenen die je overal in een project hergebruikt. Bij grote interfaces scheelt dat veel tijd en blijft de vormgeving consistent, mits je in een ontwerpsysteem afspreekt welke componenten er zijn.
08Wordt React in Nederland nog veel gebruikt?
Ja, 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 als je ooit van leverancier wilt wisselen.
09Hoeveel onderhoud vraagt een React-project?
Reken op doorlopend onderhoud, want pakketten in het JavaScript-ecosysteem verlopen sneller dan in de PHP-wereld. Een React-project dat een jaar niet is bijgewerkt, vraagt een serieuze inhaalslag voordat er iets nieuws bij kan.
10Voor welke projecten is React geschikt?
React past bij dashboards, portalen en configuratoren waar de interface veel verandert zonder dat de pagina herlaadt. Ook bij een ontwerpsysteem dat over veel schermen consistent moet blijven, of een bestaande React-applicatie die onderhoud nodig heeft, is het een logische keuze.
Eerst zien, dan beslissen
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.
- Binnen 2 werkdagen zie je hoe jouw nieuwe website eruit kan zien.
- Gratis en vrijblijvend. Het ontwerp is echt gratis, je zit nergens aan vast.
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.”