React Advanced
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.
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]