Learning React

3. Components in React

Components are one of the things that make React, well, React! They are one of the primary ways you have for defining the visuals and interactions that make up what people see when they use your app. Let’s say Figure 3-1 shows what your finished app looks like.

Figure 3-1 Your hypothetical finished app.

This is the finished sausage. During development, viewed from the lens of you as a React developer, things might look a little less appealing. Almost every part of this app’s visuals would be wrapped inside a self-contained module known as a component. To highlight what “almost every” means here, take a look at the diagram ...