Next, we'll cover how to pass data to React components via props. To make any component dynamic, we need to use props. We'll get comfortable using props and the process of how to create them and pass them down to our components to consume them. You'll learn essential props patterns such as prop destructuring and composition with the help of the children prop.
Then we'll work with the "memory" of any React app: state. State is necessary for tracking data over the lifecycle of a component, plus updating state makes it possible for our components to re-render. We'll see how to create local state using the
useState hook, work with multiple state variables, use arrays and objects as state variables and learn patterns like "lifting state up" to share state between components.