Cursus React

Voor wie is de cursus React?

In de cursus React leer je gebruikersinterfaces bouwen uit kleine, herbruikbare componenten. Hij is bedoeld voor wie JavaScript kent en de stap wil zetten naar een modern frontend-framework. Basiskennis van TypeScript is handig, maar niet nodig, want we brengen de types stap voor stap mee in.

Na de cursus React bouw je een interactieve app die gegevens ophaalt, formulieren verwerkt en meerdere schermen heeft. Je denkt in componenten, props en state, en je weet waar je gegevens bewaart. Bovendien begrijp je de code van bestaande React-projecten. Daardoor stap je makkelijker in bij een team, of ga je verder met een framework als Next.js. Wie vooral met websites werkt, krijgt hier ook een beter beeld van wat een webapplicatie anders maakt.

Wat de cursus React behandelt

Eerst zet je een project op met Vite en TypeScript en schrijf je je eerste component in JSX. Je leert hoe props gegevens doorgeven van ouder naar kind, en hoe je lijsten en voorwaarden toont. Ook de keuze van een goede key bij een lijst komt aan bod, want daar loopt het vaak mis.

Daarna komt state aan bod met useState. Je reageert op klikken en invoer, en je bouwt gecontroleerde formulieren met validatie. Vervolgens leer je met useEffect gegevens ophalen uit een API, inclusief laadtoestanden en foutmeldingen. Zo zie je meteen hoe een echte toepassing met trage of ontbrekende gegevens omgaat.

In het tweede deel van de cursus React gaat het over structuur. Wanneer til je state op naar een gemeenschappelijke ouder, en wanneer gebruik je context? Je schrijft ook eigen hooks om logica te hergebruiken, zoals het ophalen van een lijst met filters. Daarnaast bouw je een app met meerdere pagina’s via een router, met links, parameters en een pagina voor onbekende adressen.

Tot slot werk je aan kwaliteit. Je maakt componenten toegankelijk voor toetsenbord en schermlezer, kiest een duidelijke mappenstructuur en schrijft eenvoudige tests. We bespreken ook wanneer je beter naar een framework als Next.js overstapt. De officiële React-documentatie gebruiken we doorheen de lessen als naslag, omdat die recent en helder is.

Zo volg je deze opleiding

React komt ook aan bod in de dagopleiding Full Stack & AI Automation Developer bij Syntra West, waar Tom Vanhoutte modules geeft. Bij in2sites bouwen we zelf frontends in React en Next.js, met TypeScript en een Laravel-API erachter. De voorbeelden in deze cursus komen dus uit de praktijk.

Het lesmateriaal schreef Tom zelf. Doorheen de lessen bouw je één app die bij elke les groeit, bijvoorbeeld een planningsbord met taken, filters en een formulier. Na elke uitleg volgt een opdracht, en daarna bespreken we samen de verschillende oplossingen. Zo leer je ook van de keuzes van anderen. De cursus React kan klassikaal bij een opleidingscentrum, in-company of op maat. Meer over die vormen lees je bij onze IT-opleidingen. Zoek je zelf zo’n planningsbord voor je bedrijf, lees dan meer over planningssoftware op maat.