React, Redux & Router med Hooks
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!
Deltagerprofil
Dette kursus er beregnet til professionelle udviklere, som har erfaring med HTML- og JavaScript 5-programmering.
Gennem mine 25 år i branchen, og utallige kurser/seminarer, er Rick Beerendonk den dygtigste underviser jeg har mødt! Hans viden om emnet og hans materiale er enormt!
Søren Møller Thomsen, Kamstrup A/S
Indhold
- What is React?
- Why React?
- EcmaScript 2018 and later (JavaScript): The relevant features for React and Redux.
- JSX
- Babel transpiler
- Optional: TypeScript
- How it works (compiler)
- Differences with HTML
- Mix JavaScript and JSX
- Root
- Render
- Fragments
- Properties
- Databinding
- Input
- TextArea
- Option
- Events
- Event Pool
- State: Initialising
- State: Change sync vs async
- Hooks: useState, useCallback
- XSS attacks / protection
- Webpack
- ESLint
- Hot Module Replacement
- Create-react-app
- Optional: Zeit Next
- Parent to Child communication
- Child to Parent communication
- Children
- Key
- Handling form submit
- Function vs Class components, single responsibility
- React, Redux and Router (with Hooks)
- Error Boundaries
- Reusable components (prop-types / typescript)
- Default property values
- Debugging
- Developertools
- Updating to new React versions
- Optional: Storybook (Component development)
- useEffect hook
- Component lifecycle
- DOM Interaction
- Fetch server data
- Suspense
- Suspense Lists
- Lazy Loading
- Portals
- Custom Hooks
- Rules for using Hooks
- Context (Pattern: Implicit state)
- Pattern: Destructuring props and state
- Pattern: Render Props
- Optional: Pattern: Transclusion
- Optional: Higher Order Components
- Static routing
- No match (like a 404)
- Dynamic routing
- Redirection
- Prompt
- Nested routes
- Code Splitting
- Redux Basics
- Redux Dev Tools
- useReducer hook (React)
- React, Redux and Router (with Hooks)
- Pattern: Presentational vs Container Components
- React-Redux
- Optional: Redux Middleware
- Optional: Async actions
- Optional: Redux Undo
- JavaScript basics: Types, objects, arrays, loops, conditional statements, errors, etc.
- useMemo hook
- shouldComponentUpdate() lifecycle method
- MemoComponent (f.k.a. PureComponent)
- memo() Higher-Order Component (React 17+)
- Event Handlers: inline vs method
- React Profiler
- Unit testing
- Snapshot testing
- Wrapping existing JavaScript components
- Appendix 5: Immutable Data
- Immutable JavaScript: List; Map; Set; Convert from and to raw JavaScript objects; Nested structures;
- Lazy sequences; Equality; Batch mutations
- Animations
- CSS, Inline styles
- Optional: Styled Components
Se også vores avanceret React kursus på 2 dage
Format
Workshop. Der bruges dias, masser af øvelser og mere end 200 eksempler. Kurset afholdes på engelsk.
Form ved virtuelt afholdelse
- Du tilgår kurset via internettet fra din egen computer, stabil forbindelse er vigtig.
- Du logger på via det tilsendte link, hvor vores underviser sidder klar til at gennemgå kurset “live” med en gruppe deltagere
Underviser
Rick er seniorkonsulent og underviser fra Holland. Han har over 25 års professionel erfaring med at arbejde i små og store organisationer samt organisationer, der er i kraftig vækst. 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.Do you have any course related questions, please contact
- Mette Rosenløv Vad
- Konsulent
- +45 72202432