IT-professional

Advanced React

React Advanced is specifically crafted for practising React developers who wish to level up their skills by mastering component optimization and testing, advanced hooks usage, battle-proven techniques for data fetching and state management and upcoming React features.

Course objectives

The course offers a unique and fresh compilation of in-demand content, with a hands-on approach that prepares you to develop robust, scalable and future-proof web applications with React.

The tutorial has been updated to include the latest React 18 features, such as concurrent rendering and the Suspense and startTransition APIs. You will learn how to upgrade your application to React 18 and gradually adopt new functionalities.

Target audience

JavaScript developers with previous React experience.

Prerequisites

Basic course in React or equivalent. Basic knowledge of hooks is recommended.

Outline

Advanced hooks

  • Manage component state with useState and useReducer.

  • Master the intricacies of useEffect.

  • Implement custom hooks for reusable component code.

  • React Context for global state management and dependency injection.

Handling application errors

  • Implement React error boundaries and related failure management patterns.

  • Learn a systematic approach for determining where to catch errors in a component tree, in order to achieve high fault tolerance and a robust user experience.

React performance

  • Profile React components with the React and Chrome Profiler tools, interpret flamecharts and identify non-performant code.

  • Optimise component rendering using React.memo, useCallback and useMemo.

Data fetching strategies, cache management and optimistic updates, using the React Query library.

Unit and integration testing of components with React Testing Library.

An overview of upcoming React features 

  • Improve application performance with Concurrent Mode and Suspense.

  • Combine client and server-side rendering of components using React Server Components.