2 dages kursus
React Advanced
Er du erfaren React udvikler, og vil du lære mønstre, præsentationer og nye/fremtidige emner som Hooks og Concurrent React, så er dette kursus for dig. Undervisningen foregår på engelsk.
Forudsætninger
Participants are expected to have at least a year of React hands on experience. Basics like class and functional components, properties, events, state, lifecycle methods and Redux should be familiar.
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
- more?
Underviser
Har du faglige spørgsmål, så kontakt:
- Jette Ravn Merkel
- Seniorkonsulent
- +45 72202695