Laravel of React: die vraag krijgen we geregeld van bedrijven die een webapplicatie willen laten bouwen. Het eerlijke antwoord is dat het zelden een keuze tussen de twee is. Laravel en React doen elk iets anders, en ze werken vaak samen. Bij in2sites bouwen we webapplicaties in Laravel met Livewire, of met React bovenop een Laravel-API. In dit artikel leggen we uit wat het verschil is en welke opbouw bij welk project past.
Laravel of React: twee verschillende rollen
Een webapplicatie bestaat grofweg uit twee delen, net als een winkel met een toonbank en een magazijn. De achterkant, of backend, bewaart gegevens, controleert wie wat mag en voert de bedrijfsregels uit. De voorkant, of frontend, is wat de gebruiker op het scherm ziet en aanklikt.
Laravel is een PHP-framework voor de achterkant. Het regelt onder meer de database, gebruikersaccounts, rechten, e-mails, wachtrijen en API’s. React is daarentegen een JavaScript-bibliotheek voor de voorkant, waarmee je interactieve schermen bouwt die meteen reageren op wat de gebruiker doet. De vraag Laravel of React gaat dus eigenlijk over hoe je de voorkant bouwt, want de achterkant is in beide gevallen Laravel.
Laravel met Livewire: alles in één geheel
Livewire is een framework voor Laravel waarmee je dynamische schermen bouwt in PHP. Denk aan een knop, een filter of een formulier dat zich aanpast terwijl je typt. De logica blijft op de server, en Livewire werkt het scherm bij zonder dat de pagina opnieuw laadt. Er is dus geen aparte JavaScript-applicatie en geen aparte API tussen voor- en achterkant nodig.
Dat maakt een project bovendien overzichtelijk. Je hebt één codebasis, één plek voor de bedrijfsregels en minder bewegende onderdelen. Daardoor gaat de ontwikkeling vaak sneller en blijft het onderhoud eenvoudiger. Livewire past goed bij interne toepassingen zoals een CRM, een planningstool, een beheeromgeving of een klantenportaal, met veel formulieren, tabellen en overzichten.
React op een Laravel-API: wanneer het scherm centraal staat
Bij deze opbouw levert Laravel een API, en React bouwt de volledige gebruikersinterface. Dat vraagt meer werk, want je onderhoudt twee delen die via de API met elkaar praten. Toch is het in sommige projecten de betere keuze.
Denk bijvoorbeeld aan een planbord waar je opdrachten versleept, een editor met veel interactie of een toepassing die ook offline moet werken. Ook als er later een mobiele app bijkomt, loont een API. De app gebruikt dan dezelfde API als de webapplicatie, zodat de bedrijfsregels op één plek blijven. Wie een app laat maken, heeft dus vaak baat bij die opbouw.
Laravel of React kiezen: vijf vragen
De keuze Laravel of React hangt af van je project, niet van een trend. Deze vragen helpen bij het beslissen:
- Bestaat de applicatie vooral uit formulieren, lijsten en overzichten? Dan is Livewire meestal de snelste weg.
- Moet het scherm reageren als een desktopprogramma, met slepen en veel directe feedback? Dan ligt React meer voor de hand.
- Komt er nu of later een mobiele app? In dat geval is een API van bij de start verstandig.
- Moeten externe partijen je gegevens kunnen opvragen? Ook dan heb je een API nodig, bijvoorbeeld voor API-koppelingen.
- Wie onderhoudt de applicatie op lange termijn? Eén codebasis is eenvoudiger over te dragen dan twee.
Onderhoud op lange termijn
Een webapplicatie gaat vaak jaren mee. Daarom kijken we ook naar wat er na de oplevering gebeurt. Laravel brengt regelmatig nieuwe versies uit, en ook React en Livewire evolueren. Bij één codebasis in Laravel en Livewire volg je dus vooral één ritme van updates. Met een aparte React-voorkant onderhoud je twee onderdelen, elk met hun eigen pakketten en afhankelijkheden.
Dat is geen reden om React te vermijden, want voor sommige schermen is het net de beste keuze. Het is wel een reden om bewust te kiezen. Wie een eenvoudige beheeromgeving toch als losse React-applicatie bouwt, betaalt daar later bij elke update voor. Omgekeerd loopt een Livewire-scherm met heel veel interactie soms tegen grenzen aan, zodat je daar beter meteen voor React kiest.
Je hoeft niet meteen definitief te kiezen
Goed nieuws: de achterkant blijft in beide gevallen Laravel. Begin je met Livewire en groeit er later een onderdeel dat meer interactie vraagt, dan kan je dat ene onderdeel met React bouwen. Omgekeerd kan een applicatie met een API later een eenvoudig beheerscherm in Livewire krijgen. De gegevens, de rechten en de bedrijfsregels blijven hetzelfde.
Daarom vertrekken we niet vanuit de techniek, maar vanuit wat je gebruikers moeten doen. Eerst brengen we de schermen en de taken in kaart, daarna kiezen we de opbouw. Zo is de vraag Laravel of React geen gok, maar een logisch gevolg van de analyse.
Benieuwd welke opbouw bij jouw project past? Lees meer over software op maat, of bekijk hoe een traject verloopt bij onze werkwijze.
