Your training funded up to 50%

See available funding programs

React - Advanced Level

Upcoming sessions

No date suits you?

Notify me when a session is added.

  • Duration: 2 days
  • Regular price: $1,000
  • Preferential price: $930

Course outline

Duration : 2 days

Once you know the basics of React, you are now ready to master the next level. We cover all the arcane topics, including: architectural patterns of React, custom hooks, render props, higher order components, performance optimization, shared context, lazy loading, data immutability, Redux, suspense loader, concurrent mode and much more.

We even have demos on how to deploy your app on a phone or tablet device.

Contents

1. React Architecture Patterns
  • Separation of concerns in Components
  • Higher-Order Components
  • Render props
  • Custom hooks
  • Reusing components
2. Context
  • Property drilling
  • Why use a context?
  • Creating context using createContext()
  • Using providers and consumers
  • Updating Context
3. Working with State: Redux
  • Intro to Flux and Redux
  • Storage
  • Actions
  • Reducers
  • Using Hooks with Redux
4. Working with Asynchronous calls using Redux
  • Using Redux middleware
  • Using Redux-Thunk
  • Using the Redux dev tools
  • Using Fetch() with Redux
5. Redux Toolkit
  • Simplify store creation with configurStore()
  • Genereate reducers and actions with slices
  • Write simpler immutable updates with normal mutative code with immer
  • Filter data with selectors
6. Optimize React performance
  • Using production build
  • Avoiding reconciliation
  • ShouldComponentUpdate()
  • Pure Components
  • Memoize components with memo()
7. Suspense
  • Suspense, a loading component
  • Code splitting with Suspense
  • Data Fetching with Suspense
  • Render as you fetch pattern
8. Transitions
  • Transitions using Suspense
  • Three steps of fetching
  • Pending → Skeleton → Complete
  • Differing a value
  • SuspenseList
9. Concurrent Mode
  • Enabling concurrent mode
  • Concurrent Mode
  • Blocking Mode
  • Legacy Mode
10. Some additional technologies
  • React Native demo: Build phone apps using React
  • React Ionic demo: Build phone apps using the DOM

Surround yourself with the best

Pierre-Edouard Brondel
Pierre-Edouard Brondel
Trainer and Desktop Application Consultant
Renowned as an educational expert in the IT and office technology field who has accumulated more than 25 years of experience, Pierre-Édouard is first and foremost passionate about human capital.
Marc Maisonneuve
Marc Maisonneuve
Trainer and Professional Efficiency Consultant
Frédéric Paradis
Frédéric Paradis
Certified Trainer and Cloud Architect
As a certified Microsoft trainer, Frédéric describes himself as a Cloud magician who easily navigates the mythical space between technology and reality.
Virginie Louis
Virginie Louis
Efficiency Trainer, Facilitator and Spatial Intelligence Consultant
Virginie sees herself first and foremost as a facilitator: she strays from the standard training to provide solutions that are adapted to her clients’ realities and objectives.
Be aware of trends, innovations and best practices, every month.
Confidentiality
Training center accredited by Emploi-Québec, Accreditation : 0051460
GST : 141582528 – QST : 1019557738
© 2021 AFI
AFI Expertise

The AFI experience brought to you by Edgenda

At AFI, our focus is to offer you relevant training and impactful learning experiences in line with your transformation approach. Do you need support for your approach? Check out Edgenda’s services: Edgenda.com