React - Advanced Level

Coding at a higher level with 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.


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.
Claude Marson
Claude Marson
Formateur et consultant TI
Be aware of trends, innovations and best practices, every month.
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: