Opleiding: React,js

• Componentgebaseerd: herbruikbare, onderhoudbare UI-componenten.
• Virtual DOM: optimale prestaties door efficiënte updates.
• Universeel inzetbaar: web, mobile (React Native), desktop (Electron).
• Rijk ecosysteem: Next.js, Redux, React Query en duizenden packages.
• Door Facebook ondersteund: gebruikt door Instagram, Netflix, Airbnb.

• Contacturen: 2 dagen × 8 uur = 16 uur.
• Zelfstudie: 10–12 uur (projecten, documentatie, oefeningen).
• Totaal: ca. 26–28 uur.

• Android-developers die overstappen van Java naar Kotlin.
• Backend-developers die Kotlin met Spring of Ktor willen gebruiken.
• Java-ontwikkelaars die moderne taalfeatures willen benutten.
• Beginners die een productietaal voor meerdere platforms leren.

• Omgeving opzetten: Node.js, npm, Create React App (npx create-react-app).
• JSX-syntax: combinatie van HTML en JavaScript, expressies ({variabele}).
• Functionele componenten: props, children, compositie.
• State management: useState, useEffect voor levenscyclusbeheer.
• Event handling: onClick, onChange, synthetic events.

• Custom hooks: herbruikbare logica (bijv. useFetch voor API-calls).
• Context API: createContext, useContext voor globale state.
• Routing: React Router (BrowserRouter, Route, Link, dynamische routes).
• API-integratie: fetch of Axios, error handling, loading states.
• Introductie tot state management met Redux Toolkit (optioneel).
• 
  

• Core Concepts:
• React-componenten: functioneel vs. class-based (kort).
• JSX: conditional rendering (&&, ternary operator), lists (map met key).
• Props: typechecking met PropTypes of TypeScript.
• State en Lifecycle:
• Hooks: useState, useEffect, useRef, useMemo, useCallback.
• Formulierbeheer: controlled vs. uncontrolled components.
• Geavanceerde Technieken:
• Context API: theming, gebruikerssessies.
• Error boundaries: componentDidCatch (class-based).
• Lazy loading: React.lazy(), Suspense.
• Routing en Data Fetching:
• React Router: nested routes, route guards.
• Data fetching: abort controllers, caching strategieën.
• Authentication: JWT-tokens, localStorage.
• Tools en Optimalisatie:
• DevTools: React Developer Tools extensie.
• Bundelen: Webpack-configuratie (basis), code-splitting.
• Testing: Jest en React Testing Library (render, fireEvent).
• State Management:
• Redux Toolkit: createSlice, configureStore, useSelector/useDispatch.
• Alternatieven: Zustand, Recoil (kort benoemd).

• Bereidt voor op Meta Front-End Developer Professional Certificate (Coursera).
• Relevant voor React Certified Developer (door derden, bijv. CertiProf).