Welkom

Who am I

  • Wim Barelds
  • JS Roots
  • Frontend specialist
  • Pega React SDK expert

Workshop React

Slides: https://wimbarelds.github.io/react-workshop/

Open de slides ook even lokaal zodat je later wat kan copy-pasten.

  • Welkom & Intro
    • Welkom
    • Goals
    • Agenda
    • Wel/niet in scope
  • Get ready with me?
    • Setup
    • Uitleg bestanden
  • JavaScript & TypeScript
    • JavaScript
    • Functies
    • Arrays
    • TypeScript
  • Wat is React
    • f(x) = UI
    • Componenten
  • Componenten & JSX
    • JSX
    • Component
    • Hello World
  • Props & Children
    • Props
    • children
    • Statische takenlijst
  • Javascript in JSX
    • Condities & Lijsten
    • Lijst renderen
    • Hide if Done
  • Recap
    • plan voor vandaag
    • Recap
    • Typescript
    • HuidigeCodeDoorlopen
    • opzetten project
  • Hooks
    • Hooks algemeen
    • useState
    • Toggle show/hide
    • Nieuwe taak toevoegen
    • Zet taak op afgerond
    • Wat is een effect?
    • Alert als alles afgerond
  • Data laden
    • Data voorbereiden
    • Data ophalen met fetch
  • Component Library (MUI)
    • Component libraries
    • Installeer MUI
    • Gebruik Card
    • Gebruik List
    • Gebruik Button
  • Q & A
    • Vragen?
  • Bonus content
    • More hooks
    • Routing
    • Under the hood
    • React query