React is vandaag één van de populairste JavaScript-frameworks voor het ontwikkelen van moderne, dynamische webapplicaties. Met React leer je websites bouwen die niet alleen snel en gebruiksvriendelijk zijn, maar er ook strak en professioneel uitzien. Dankzij de modulaire opbouw kun je onderdelen eenvoudig hergebruiken en aanpassen, wat het ontwikkelproces sneller, efficiënter en overzichtelijker maakt.

Tijdens de opleiding ontdek je stap voor stap hoe je React inzet in de praktijk. Je werkt met een moderne ontwikkelstack, inclusief tools als Redux en Next.js, waarmee je alles kunt realiseren: van kleine interactieve toepassingen tot grootschalige webplatformen met duizenden gebruikers.

We zetten ook in op AI-ondersteuning voor ontwikkelaars. Moderne AI-tools helpen je bij het genereren van voorbeeldcode, het verbeteren van je scripts en het sneller oplossen van programmeerproblemen. Zo leer je niet alleen React beheersen, maar ook hoe AI jouw productiviteit als developer versterkt.

Wie React onder de knie heeft, kan moderne, schaalbare en toekomstgerichte webapplicaties ontwikkelen die perfect inspelen op de noden van bedrijven en gebruikers.

Praktisch

?? Je docent

Je docent is David Verhulst. Hij kan een groep enthousiasmeren en is een ervaren lesgever en freelancer.

??? Opbouw cursusjaar

De lessen vinden overdag plaats in campus Mechelen. 1 dag per week. Daarnaast investeer je thuis ook nog minimum één avond per week om te herhalen en aan je project te werken.

?? Je eigen workflow op je eigen PC

Je beheert je eigen workflow en je eigen apps en abonnementen (zoals bv. ChatGPT of Claude) op je eigen PC of MAC. Zorg dat je volledige rechten hebt op je laptop.

Module 1: JavaScript Framework/React basics (52u – 13 sessies)

Doel: deelnemers de fundamenten van React aanleren, inclusief hooks, routing en state management.

Sessie 1–2 (8u): JavaScript herhaling

• ES6+ essentials: destructuring, spread/rest, array methods
• Async/await, fetch, modules
• API-applicatie
  

Sessie 3–6 (16u): Intro React & basisconcepten

• JSX, componenten, props
• useState & events
• Lists & conditional rendering
  
• Styling (CSS modules, Tailwind intro)
• API-React-applicatie
  

Sessie 7–10 (16u): Hooks & Forms

• useEffect (data fetch, cleanup)
• Custom hooks, useRef
• Context API
• Forms & validation (React Hook Form)
  

Sessie 11–12 (8u): Routing

• React Router: basis, nested, protected routes
• Layout components
  

Sessie 13 (4u): Kennistest

Module 2: Praktijk JavaScript Framework/React advanced (32u – 8 sessies)

Doel: toepassing van kennis in grotere projecten, inclusief Redux en Next.js. Inclusief examen (4u).

Sessie 14–17 (16u): State management met Redux

• Core concepts: store, reducers, actions
• Redux Toolkit (createSlice, configureStore)
• Async actions met redux-thunk
• API-calls & persist
• Oefening: uitgebreide app met Redux
  

Sessie 18–19 (8u): Next.js fundamentals

• Pages en routing
  
• Data fetching (getStaticProps, getServerSideProps)
  
• API routes & deployment
  

Sessie 20 (4u): Eindproject (team of individueel)

• Start van praktijkproject
  

Sessie 21 (4u): Presentatie

• Presentatie & verdediging van project
  

Iedereen met basiskennis html/css kan aan de opleiding React ontwikkelaar beginnen. Je engageert je om ook buiten de lesuren te oefenen en aan je eindproject te werken.