React for Advanced Developers (RCT2)

Programming, JavaScript

This three-day advanced React course is for developers with prior React experience. It focuses on advanced patterns and tools to build complex web apps, covering performance profiling, memoization (React.memo, useMemo, useCallback), React Context and lazy loading with React Router.

Through hands-on exercises you'll master Jest and React Testing Library for unit and integration tests, including mocks and hook tests. You will explore Error Boundaries, Suspense, Portals, and set up project structure with Redux, Webpack and NX monorepo.

THIS TRAINING COURSE WILL HELP YOU:

  • Deepen React skills for building complex apps
  • Use profiler and memoization to optimize performance
  • Implement global state with Context and Redux
  • Write robust tests with Jest and React Testing Library
  • Configure projects with Webpack and NX monorepo

WHO SHOULD ATTEND?

  • Experienced React developers building complex web apps
  • Developers needing performance and state management skills
  • Engineers focused on testing components and hooks
  • Anyone adopting Suspense, Error Boundaries or Portals
  • Teams planning Redux-based apps and NX monorepos

COURSE LOCATION AND AVAILABLE DATES



Choose whether to attend in person in our classroom or join online. You can select your preferred format during registration. Learn more about hybrid training.

Unlock your employees' potential. We can adapt every course in our portfolio to your objectives and participants.
Need training at your premises or want to tailor the content and duration? We will prepare the right solution, in Czech or English.

Request customised training

Course content:

Hide details
  • Recap of React basics
    1. Review core React concepts
    2. Working with HTTP requests
    3. Component communication
  • React Hooks
    1. Using useRef to access native DOM elements
    2. Using forwardRef
    3. Using useImperativeHandle to expose a component API
  • Performance tuning
    1. How to detect performance issues
    2. Using Profiler in Chrome and React DevTools
    3. React.memo
    4. useMemo
    5. useCallback
  • React Context
    1. Basic use of Context
    2. Advanced context encapsulation
    3. Initial context state
  • Testing with Jest
    1. Introduction to Jest
    2. Best practices for writing tests
    3. Structuring tests
    4. Jest matchers
    5. Testing exceptions
    6. Mocking
    7. Verifying behavior with spies
    8. Mocking modules
  • Testing React with React Testing Library
    1. Querying elements on the page using queries
    2. Triggering user actions
    3. Asserting state with matchers
    4. Testing components
    5. Testing hooks
  • Advanced topics
    1. Render Props
    2. Error Boundaries
    3. React Suspense
    4. React Portal
    5. Hook useReducer
  • Routing
    1. Introduction to React Router
    2. Global application layout
    3. Nesting pages using Outlet
    4. Navigation
    5. Reading URL parameters
    6. Splitting the app into parts (lazy loading)
    7. React.lazy
  • Redux
    1. Defining global state
    2. Using state slices
    3. Reading Redux state in a component
    4. Dispatching actions
  • Project setup
    1. How to choose the right libraries?
    2. Composing typical React project structures
    3. Basics and configuration of Webpack
    4. Monorepo codebase using NX
Prerequisites:
Practical experience with JavaScript and basic React concepts.
Recommended previous course:
React Framework – Building Web Applications (RCT)
Schedule:
3 days (9:00-17:00)
Price per person:
832.00 € (1 006.72 € incl. 21% VAT)

Training and learning environment