React workshop

React is naast Angular en Vue één van de meest populaire frontend frameworks op dit moment. React is een compact framework waarvoor veel add-ons beschikbaar zijn, dankzij goede samenwerking tussen de open source community en het React development team. React staat daarnaast ook wel bekend als het laboratorium van de JavaScript community, omdat in de React community allerlei experimentele ideeën meer dan eens momentum krijgen en uitgewerkt worden in de vorm van libraries of design patterns. Voorbeelden hiervan zijn het (opnieuw) populair maken van het schrijven van state machines (met bijvoorbeeld Redux), allerlei manieren om functioneel programmeren naar een hoger niveau te tillen en in de dagelijkse praktijk toe te passen, en bepaalde framework features zoals Portals die vervolgens ook in andere frameworks zijn geïntroduceerd nadat het in React een succes bleek.

Bij verschillende klanten hebben wij jarenlang ervaring opgedaan met React. Deze kennis delen wij graag met u, hierbij kan onderstaande lijst als voorbeeld dienen voor de inrichting van een workshop. Het liefst stemmen wij van tevoren af waar u zoal behoefte aan heeft, zodat wij de workshop daarop kunnen aanpassen en echt maatwerk kunnen leveren.

  • Verschillende manieren om een React applicatie op te zetten, we behandelen bijvoorbeeld Create-React-App en/of Next.js
  • Met routes de structuur van de applicatie inrichten, gebruik makend van bijvoorbeeld React-Router
  • Template syntax: hoe werkt JSX
  • TypeScript ondersteuning: waarom en hoe zou je TypeScript toepassen in een React applicatie
  • Componenten: hoe kun je werken met props, events, state en context
  • Verschillende manieren om componenten te schrijven (classes, functies, hooks)
  • Globale state: we behandelen verschillende scenario’s om een goed gevoel te krijgen wanneer lokale state of juist globale state het beste toegepast kan worden
  • State machines: we behandelen verschillende tools die in de React community populair zijn voor het schrijven van state machines. Bijvoorbeeld: Redux, MobX, XState
  • Componenten verbinden met een backend, gebruik makend van bijvoorbeeld de Axios HTTP client. We behandelen eventueel ook manieren om met stub backends te werken tijdens het ontwikkelen van een React applicatie
  • Server side rendering vs. client side rendering
  • Formulieren bouwen en valideren
  • “Designing for when things go wrong”: we behandelen een aantal manieren om goede error handling te implementeren in een React applicatie
  • We behandelen verschillende manieren om React applicaties te testen, zoals unit testing en end-to-end testing

Meer weten

Interesse in een workshop React voor uw organisatie? Laat het ons weten!