React - Fundamentals

Get started with Facebook's React library in this course. Explore the design of highly dynamic web interfaces and applications.

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

React is a JavaScript library originally built by Facebook. It allows developers to create large web apps using simple components that are connected to one another, like lego pieces. It provides speed, simplicity, and scalability.

In a few short years, React has become the most popular JS libraryon the planet. It is now is used on millions of web sites, including Facebook, Netflix, Instagram, Uber and Airbnb.

Contents

1. Introduction to React
  • What is React? (previously known as ReactJS)
  • Specs, pros and cons
  • Installation
  • React Hello World
  • Deploying a React application
2. JSX and rendering
  • React API
  • JSX Language
  • Virtual DOM and Reconciliation
3. Components
  • Component types
  • Property components (React Props)
  • State Components (React State)
4. Lifecycle
  • Creation and destruction of components
  • Lifecycle methods (componentDidMount(), componentWillUnmount())
  • How to use SetState()
5. Managing Events
  • Event listeners
  • Synthetic Events
6. Functional programming using Hooks
  • What are Hooks
  • Using the State Hook
  • Using the Effect Hook
7. Routing
  • History
  • Paths
  • Links
8. Forms
  • Controlled components
  • Uncontrolled components
  • Refs
  • Validation
  • Using keys
9. Loading data into State
  • Using fetch() to get data from API
  • Modify data with an API
  • Asynchronous programming with JS
  • Using Google Firebase notifications
10. Advanced React tooling
  • Intro to the React Dev tools
  • Debugging Extension
  • Navigating components
  • Analyzing performance with profiler
  • Detect what is rendering
  • Error Boundaries
11. React Architecture Best Practices
  • Where to put State
  • Why should State be immutable?
  • What about css?

Surround yourself with the best

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.
Marc Maisonneuve
Marc Maisonneuve
Training program director
Marc Maisonneuve has acted as a Training Program Director, professional effectiveness trainer and user tools practice leader at AFI for several years. Mr. Maisonneuve is known for his analytical skills, his legendary calm and his undeniable desire to encourage people to develop their skills. He has the ability to present technological solutions in a natural way and to adapt them to the concrete needs of the workplace.
Vicky Moreau
Vicky Moreau
Trainer
Vicky Moreau is a passionate freelancer and professional in the area of office automation. She holds a college diploma in office automation, most of her solid experience with the Office Suite was acquired while being an autodidact. In fact, she has successfully completed an MOS (Microsoft Office Specialist) Excel certification.
Francis Ferland-Stevenson
Francis Ferland-Stevenson
Trainer
Francis began as a trainer more than 5 years ago by testing office automation tools designed specifically to met the needs of his colleagues. His calm and his empathy makes him able to adapt his language according to the level of experience of the group. This makes his learnings clear and accessible to anyone. As a trainer, he is therefore attentive to the needs of his students to make sure they meet their objectives and face the challenges.