Refactoring Real Student Code – Component Communications in ReactJS

⭕ Overview

In this video, I walk you through passing data from a parent component to its child in a React application. This tutorial is based on an assignment from the React course at the college where I teach. I will go through real student code, pointing out common pitfalls and, step by step, show how to establish the desired functionality while at the same time making sure you understand how to properly work with state and props when trying to manipulate or pass data from one component to the other. We will talk about both class and functional components, and I will give examples of the right implementation that keeps your application running smoothly.