React Advanced

This training is aimed at experienced React Developers and focuses on the more advanced topics related to this programming language.

  • duration 36 hours
  • Language English
  • format Online
duration
36 hours
location
Online
Language
English
Code
WEB-023
price
€ 750 *

Available sessions

To be determined



Training for 7-8 or more people?
Customize trainings for your specific needs

Description

Our training covers advanced topics like GraphQL and Apollo Client, React Portal and React Context as well working with side effects in Redux with the use of redux-saga and redux-observable. We will also discuss about testing Redux, React hooks and components, working with forms via Formik and the react-hook-form. Participants will also have the chance to learn about CI/CD approaches and containers, using Lerna and Rush for big projects, Server Side Rendering, advanced topics of using hooks, code splitting, and lazy loading.

After completing the course, a certificate is issued on the Luxoft Training form

Objectives

  • Introduce you to advanced React topics and also giving usage examples

Target Audience

  • React Developers

Prerequisites

  • Experience in React Development

Roadmap

1. Work with GraphQL [8h] [homework 4h]

  • Core concepts. SDL
  • Queries. Directives
  • Resolvers
  • Apollo platform
  • Apollo studio
  • Apollo client
  • State management
  • Subscriptions
  • Apollo CLI

2. React Portal. React Context [2h] [homework 1h]

3. Work with side-effects in Redux [6h] [homework 3h]

  • Redux-saga
  • Redux-observable

4. Testing [5h] [homework 3h]

  • Testing-library-dom
  • Testing Redux
  • Testing hooks
  • E2E testing

5. Forms [2h] [homework 1h]

  • Formik
  • React-hook-form

6. Lerna/Rush for big projects [2h] [homework 1h]

  • Manyrepo и Monorepo
  • Monorepo with Lerna
  • Monorepo with Rush
  • Pnpm package manager

7. Advanced topics of React hooks [3h] [homework 2h]

  • Lifecycle with hooks
  • Memoization
  • useContext, useEffect
  • useMemo, useCallback and useRef
  • useImperativeHandle
  • useLayoutEffect
  • custom hooks in popular libraries

8. Code splitting / Lazy loading [1h] [homework 1h]

9. CI/CD for the frontend [1h]



Related courses

You may also be interested in

Discover more about professional growth and skills development

contact us