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

Angular Development

The course reveals all the main topics of using Angular 16 framework to build enterprise-level web applications. The course also includes studying TypeScript language, MongoDb database, NodeJS server, and demonstration of full-stack JS application close to real life. The course covers all the main Angular 16 topics such as components, directives, services, pipes, forms, routes, RxJS library, and its usage in Angular. Every topic has a practical exercise to reinforce knowledge.
  • duration 30 hours

JavaScript Advanced

This training gives a deeper understanding of JavaScript’s complicated features, syntax constructions and inner mechanisms. It will be useful for developers who already have experience in JavaScript.

  • duration 36 hours

Angular Advanced

This course continues the basic Angular course and is intended for developers who already have experience of using this framework. It focuses on advanced themes, which will enable you to increase the efficiency of development and improve the quality of code.

  • duration 30 hours

You may also be interested in

JavaScript

Discover more about professional growth and skills development

contact us