A more concrete example is shown in figure 2.
In React, we have static and dynamic components. Static components are your original game plan; dynamic is changing it up as we go. An example of static is displaying text; for dynamic, an example is increasing a count by clicking.
Finally, we have props. Say we have many movies. We will have many titles, posters, and directors. Hard coding them all in will be slow so that is where props come in. With props, we can write a few lines of code and we can use that to display all movies. Look at an array. We use a for-loop to display everything inside rather than hard code it all out. Props is a similar idea here. For props, only user this.props if we are referring to a class; use props if we are referring to a value. See figure 3 for an example of props. We see “movie.title” is simply displaying a movie for each “<MovieCard />” from the movie data array.
There is another important tool in React called “state”. The difference between props and states is state is dynamic. An example is updating a like counter in Facebook or Instagram. To make a state, we must define an initial state and code how we want to update it. We can see that in an example in figure 4.
So far, this is all I know about React. As I progress in Mod 4, I should have a better understanding of React.