We provide course about React Advanced (Hands-on) in english. Are you an experienced React developer and curious to deeply dive into advanced topics and the latestchanges? This course is based around the following areas.
Course description:
Code reuse, Performance, Correctness andRefactoring. React is introducing new functionality to address challenges that come with above areas. Thiscourse shows you what you can do to make your React program easier to build, smaller, faster and correct.Some of the changes might be released in the future, but that doesn't mean we cannot explore the changesand write demos. The course will be a combination of many demos, presentations and hands-on labs.
What you will learn:
• Patterns
• New Context API (React 16.3)
• Hooks (~Q1 2019)
• Profiler (React 16.5)
• Performance
• Concurrent Mode (~Q2 2019)
• Suspense (React 16.6 and ~Q3 2019)
• Considerations for maintainable projects
• Jest
• Storybook
Course outline:
Module 1 - Do you know React:
• Lesser known React functions
• Peek under the hood
Module 2 - Patterns:
• Container pattern
• Render-props
• Transclusion
• Implicit State pattern / Slots (see: Context)
• New modern patterns
• Optional: Higher-Order Components
Module 3 - Context API (Implicit State pattern):
• Provider
• Consumer
Module 4 - Using Hooks:
• Rules of hooks
• useState() vs useReducer()
• useEffect() vs useLayoutEffect()
• useTransition
• useOptimistic
• React 19 Hooks (including use)
Module 5 - Writing Hooks:
• Writing Custom Hooks
Module 6 - Server:
• Server Components
• Server Functions
Module 7 - Profiler (DevTools):
• How to use
Module 8 - Performance:
• MemoCompontent
• memo()
• useCallback() Hook
• useMemo() Hook
• react-virtualized
• React compiler
Module 9 - Suspense:
• Preparations: Strict Mode
• Suspense component
• Suspense list
• Code splitting
• Data fetching
Module 10 - Considerations for maintainable projects:
• Naming
• Code & folder organisation
• More
Module 11 - Jest & Testing Library:
• Unit tests
• Testing asynchronous code
• Setup & Teardown
• Mocks
• Snapshot testing
• Integration tests
• Test React Applications
Module 12 - Storybook:
• Writing stories
• Using popular addons: Actions, Console, etc.
• Manual testing
Module 13 - Appendix:
• Content Security Policy
• TypeScript
Module 14 - Optionally:
• Accessibility
Instructor: Rick Beerendonk
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.
Target audience:
This course is intended for experienced React developers interested in patterns, performance and new / future topics like Hooks and Concurrent React.
Prerequisites:
• 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.
Language:
• English course material, english speaking instructor