React
React hooks, state, performance, best practices
Wat zijn React components en functionele vs class components?
Components zijn herbruikbare UI-blokken. React ondersteunt twee soorten.
Wat is useState hook en hoe handle je state?
useState laat functionele componenten state hebben.
Wat is useEffect en hoe werk je met side effects?
useEffect voert code uit na render.
Hoe work je met props in React?
Props zijn hoe componenten data doorgeven.
Hoe maak je conditional rendering in React?
Conditionally tonen/verbergen van componenten.
Hoe render je lijsten en waarom keys belangrijk zijn?
Lists in React vereisen unique keys.
Hoe werk je met formulieren in React?
Controlled vs uncontrolled components.
Wat zijn custom hooks?
Maak herbruikbare hook logic.
Wat is React Context API en wanneer gebruik je het?
Context voorkomi prop drilling.
Hoe optimaliseer je React performance?
React.memo, useMemo, useCallback voorkomi unnecessary re-renders.
useState vs useReducer - Wanneer gebruik je welke?
useReducer voor complexe state logic, useState voor simpele values.
Wat zijn Error Boundaries en hoe catch je errors?
Error boundaries voorkomen hele app crashes.
Dependency array mistakes in useEffect - veel gestelde fouten
Foute dependencies = infinite loops en stale data.
Props drilling problem - Hoe voorkomen met Context?
Props diep doorgeven is inefficient. Context API helpt.
Controlled vs Uncontrolled Components - Diepere uitleg
React of DOM bepaalt input state. De keuze matteert.
Component composition > inheritance - React pattern
React gebruikt composition, niet inheritance.
useEffect cleanup - Memory leaks voorkomen
Return function van useEffect ruimt op.
Async/await in useEffect - Common mistakes
Je kan useEffect async nicht direct maken.
React components testen - Basics met testing-library
Test wat users zien, niet implementatie details.
Rendering optimization deep dive - Wanneer re-rendert React?
Understanding re-renders = sneller debuggen.