Teknologisk Institut

React Avanceret
0%
React Avanceret

React Avanceret

Beskrivelse


Er du erfaren React udvikler, og har interesse i mønstre, præsentationer/ydeevne og nye/fremtidige emner som Hooks og Concurrent React, så er dette kursus for dig. Undervisningen foregår på engelsk.


>> Available in Danish <<

Forudsætninger
Deltagerne forventes at have mindst ét års praktisk erfaring med React. De skal kende grundprincipper som klasse og funktionskomponenter, egenskaber, begivenheder, tilstand, livscyklusmetoder og Redux.


Indhold

Patterns

Container pattern
Props and state destructuring in render method
Higher-Order Components
Render-props
Transclusion
Implicit State pattern (see: Context)


New Context

Provider
Consumer


Using Hooks (React 16.7, ~Q1 2019)

Function components with state: useState() & useReducer()
Function components with side effects: useEffect()
Function components with context: useContext()
Other React Hooks


Writing custom Hooks (React 16.7, ~Q1 2019)

Writing Custom Hooks


Profiler (new in React 16.5)

DevTools changes
How to use
Profiler API


Performance

MemoCompontent
memo()
useCallback() Hook
useMemo() Hook
react-virtualized


Concurrent Mode (React 16.8, ~Q2 2019)

Preparations: Strict Mode (16.6)
Responsive rendering without blocking the main ...%%%

... thread
Working with priorities


Suspense (React 16.6 and React 16.9, ~Q3 2019)

Preparations: Strict Mode (16.6)
Suspense component & lazy() (16.6)
Code splitting (16.6)
Time slicing
Data fetching


Considerations for maintainable projects:

Naming
Code & folder organisation



Se vores øvrige kurser i webudvikling her

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 holdt foredrag om React og undervist i det siden 2014. Forudsætninger
Deltagerne forventes at have mindst ét års praktisk erfaring med React. De skal kende grundprincipper som klasse og funktionskomponenter, egenskaber, begivenheder, tilstand, livscyklusmetoder og Redux.


Er du erfaren React-udvikler, og har interesse i mønstre, præsentationer/ydeevne og nye/fremtidige emner som Hooks og Concurrent React? Så er dette kursus for dig. Undervisningen foregår på engelsk.


Opnå viden om de mere avancerede funktioner i React
Få teknikker og praktisk øvelse i React på et højere niveau
Kom et spadestik dybere med dit arbejde i React


Form ved virtuel 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


Søgte du andre kurser?
Se vores øvrige kurser i webudvikling her.

Indhold
Patterns

Container pattern
Props and state destructuring in render method
Higher-Order Components
Render-props
Transclusion
Implicit State pattern (see: Context)


New Context

Provider
Consumer


Using Hooks (React 16.7, ~Q1 2019)

Function components with state: useState() & useReducer()
Function components with side effects: useEffect()
Function components with context: useContext()
Other React Hooks


Writing custom Hooks (React 16.7, ~Q1 2019)

Writing Custom Hooks


Profiler (new in React 16.5)

DevTools changes
How to use
Profiler API


Performance

MemoCompontent
memo()
useCallback() Hook
useMemo() Hook
react-virtualized


Concurrent Mode (React 16.8, ~Q2 2019)

Preparations: Strict Mode (16.6)
Responsive rendering without blocking the main thread
Working with priorities


Suspense (React 16.6 and React 16.9, ~Q3 2019)

Preparations: Strict Mode (16.6)
Suspense component & lazy() (16.6)
Code splitting (16.6)
Time slicing
Data fetching


Considerations for maintainable projects:

Naming
Code & folder organisation




React Avanceret

9.999,00 kr

+45 23 33 30 30

npk@kursuszonen.dk