Kurser

Fremragende5 dages kursus 

React (+NextJS)

23. - 27. juni 2025 Virtuelt kursus  Garantifor afholdelse
20. - 24. oktober 2025 Taastrup
DKK  24.999
ekskl. moms
Nr. 87830 A
Tilmeld dig
4,6
Fremragende
8 anmeldelser
Arrangementer på Teknologisk Institut bliver evalueret af deltagerne. Stjernerne angiver deltagernes gennemsnitlige tilfredshed inden for de sidste 5 år.
Available in English

Vil du gerne kunne skrive interaktive applikationer i HTML og JavaScript? Eller skriver du allerede Single Page Applications, men er HTML fyldt med semi-kode, der er umulig at vedligeholde? Kæmper du med debugging af databinding og ydeevne? Kan du ikke lige huske, hvordan data finder vej til brugergrænsefladen? Kurset afholdes på engelsk.

Det er tid til React!

Facebook har skabt en funktionel tilgang til at tackle traditionelle kompleksiteter i JavaScript: React (open source). Kritiseret i 2013, men brugt siden 2015 af de dominerende websteder i verden. Lad os bygge hurtige komponenter på en vedvarende og meningsfuld måde.

På dette kursus lærer du alt om React, hooks og hele økosystemet omkring det. For eksempel vil TypeScript, NextJS og Redux blive gennemgået og anvendt.

Deltagerne kan - alt efter egne projektkrav - vælge øvelser med fokus på React (Vite) eller NextJS, samt vælge JavaScript eller TypeScript. Der gives løsninger til alle situationer.
 
Nye React-funktionaliteter vil blive tilføjet kurset, så snart de udgives.Efterfølgende vil du kunne tilføje React-funktioner direkte til både eksisterende og nye websites.
 

Deltagerprofil

Dette kursus er beregnet til dig, der er professionel udvikler og har erfaring med HTML- og JavaScript 5-programmering.

Udbytte

  • Bliv klogere på React, hooks og dets økosystem, og lær at bruge i det i praksis
  • Få en grundig og dybdegående forståelse af Redux og React Router
  • Bliv opdateret på de nyeste funktioner i React

Det får du på kurset

Vi sørger for, at rammerne er i orden, så du kan fokusere på at lære.

Efter du har fuldendt kurset, vil du modtage et kursusbevis.

Kursusbevis

Hos Teknologisk Institut bruger vi kun erfarne undervisere.

Erfaren underviser

På dette kursus vil der højest være MAKS DELTAGERE pr. hold.

Maks. 10 deltagere

På kurset får du morgenmad, frokost, snacks og drikkevarer.

Fuld forplejning

På kurset er der indtænkt øvelser og deltagerinddragelse.

Øvelser og inddragelse

Materiale på engelsk

Materiale på engelsk

Undervisning på engelsk

Undervisning på engelsk

Tæt på kursusstedet er der gratis parkering.

Gratis parkering

Indhold

Introduktion
  • What is React?
  • Why React?
Module 1: Language constructs for React & Redux
  • EcmaScript 20xx and later (JavaScript): The relevant features for React and Redux.
  • JSX
  • Babel transpiler
  • Optional: TypeScript
Module 2: JSX
  • How it works (compiler)
  • Differences with HTML
  • Mix JavaScript and JSX
Module 3: Basic
  • Root/Bootstrap React App
  • Render
  • Fragments
  • Properties
  • Databinding incl. Conditional and List rendering
  • Portals
Module 4: Forms JSX vs HTML
  • Input
  • TextArea
  • Option
  • FormData
Module 5: Interactivity
  • Events & Event Object
  • State: Initialising
  • State: Change sync vs async
  • Hooks: useState, useCallback
  • Automatic batching
  • XSS attacks / protection
Module 6: Setting up a project
  • Webpack
  • ESLint
  • Hot Module Replacement
  • Create-react-app
  • Optional: Zeit Next
Module 7: Multiple Components
  • Parent to Child communication
  • Child to Parent communication
  • Children
  • Key
  • Handling form submit
Module 8: Building Apps
  • Single responsibility
  • Error Boundaries
  • Reusable components (prop-types / typescript)
  • Default property values
Module 9: Developer experience
  • Debugging
  • Developer tools
  • Updating to new React versions
  • Optional: Storybook (Component development)
Module 10: Side Effects
  • useEffect, useLayoutEffect
  • DOM Interaction:useRef
  • Connect with REST service
Module 11: Hooks miscellaneous
  • Custom Hooks
  • useDebugValue
  • Rules for using Hooks
Module 12: Concurrent Rendering
  • Lazy Loading
  • Suspense
  • Suspense List
  • Transitions
Module 13: React Router
  • Static routing
  • No match (like a 404)
  • Dynamic routing
  • Redirection
  • Prompt
  • Nested routes
  • Code Splitting
Module 14: Redux Basics
  • Redux Basics
  • Redux Dev Tools
  • useReducer hook (React)
Module 15: Advanced Redux
  • Pattern: Presentational vs Container Components
  • React-Redux
  • Optional: Redux Middleware
  • Optional: Async actions
  • Optional: Redux Undo
Module16: Patterns and Best Practices
  • Context (Pattern: Implicit state)
  • Pattern: Destructuring props and state
  • Optional: Transclusion
  • Optional: Render Props
  • Optional: Higher Order Components
Module 17: Performance
  • useMemo, useCallback hooks
  • MemoComponent (f.k.a. PureComponent)
  • memo() Higher-Order Component (React 17+)
  • Event Handlers: inline vs method
  • React Profiler
Appendix 1: EcmaScript 5
  • JavaScript basics: Types, objects, arrays, loops, conditional statements, errors, etc.
Appendix 2: Testing
  • Unit testing
  • Snapshot testing
Appendix 3: Good to know
  • Wrapping existing JavaScript components
Appendix 4: Immutable Data
  • Immutable JavaScript: List; Map; Set; Convert from and to raw JavaScript objects; Nested structures;
  • Lazy sequences; Equality; Batch mutations
Appendix 5: Styling
  • Animations
  • CSS, Inline styles
  • Optional: Styled Components
Appendix 6: Specialised Hooks
  • useId
  • useTransition
  • useDeferredValue
  • useSyncExternalStore
  • useInsertionEffect

Anmeldelser af React (+NextJS)

4,6
 
Fremragende Baseret på 8 anmeldelser
Arrangementer på Teknologisk Institut bliver evalueret af deltagerne. Stjernerne angiver deltagernes gennemsnitlige tilfredshed inden for de sidste 5 år.
Fremragende
Meget godt
Godt
Mindre godt
Ikke godt
Gennem mine 25 år i branchen, og utallige kurser/seminarer, er denne underviser den dygtigste underviser jeg har mødt! Hans viden om emnet og hans materiale er enormt!
 - Søren Møller Thomsen Kamstrup A/S
Underviser tilpassede fint niveauet efter kursisternes forudsætninger med plads til ekstra udfordringer til de dygtige.
 - Thorsten Hermansen Fopena P/S

Form

Kurset afholdes som en workshop, hvor der bruges dias, masser af øvelser og mere end 200 eksempler. Kurset afholdes på engelsk.

28664
Underviser

Rick Beerendonk

4.79/5 (80 evalueringer) 
Baseret på alle evalueringer af underviseren fra de seneste 5 år.

Rick er seniorkonsulent og underviser fra Holland. Han har over 25 års professionel erfaring med at arbejde i små og store organisationer. Hans passion er enkelhed, velskrevet kode og teamdynamik. Han er specialiseret i front-end-teknologier, og han taler ofte om disse emner ved internationale begivenheder. Rick har fortalt om React og undervist i det siden 2014.

Vælg dato

Virtuelt kursus
23. - 27. juni 2025
 Garantifor afholdelse
Taastrup
20. - 24. oktober 2025
Firmakurser_web

Firmakurser - få et tilbud

Er I flere, der har samme behov for kompetenceudvikling, så er et firmakursus ofte den rette løsning, der kan skabe fælles fundament og økonomisk besparelse.