2 days course
React Advanced
Are you an experienced React developer and curious to deeply dive into topics and the changes of 2019? This course is based around the following areas: Code reuse, Performance, Correctness, Refactoring and Function Components getting the same capabilities as Class Components. React is introducing new functionality to address challenges that come with above areas. This course shows you what you can do to make your React program easier to build, smaller, faster and correct. Some of the changes will be released during 2019, but that doesn’t mean we cannot explore the changes and write demos. The course will be a combination of many demos, presentations and hands-on labs.
Prerequisites
This course is intended for experienced React developers interested in patterns, performance and new/future topics like Hooks and Concurrent React.
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.
Course Content
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
Check out our other courses in webdevelopment here
Instructor
Rick is a senior consultant and trainer from The Netherlands.
He has over 25 years of professional experience while working in small, large and fast growing organisations.
His passion is simplicity, wellwritten code and team dynamics.
He is specialised in front-end technologies and speaks regularly about these topics at international events.
Do you have any course related questions, please contact
- Mette Rosenløv Vad
- Konsulent
- +45 72202432