React Key Concepts - Second Edition

3

Components and Props

Learning Objectives

By the end of this chapter, you will be able to do the following:

• Build reusable React components
• Utilize a concept called props to make components configurable
• Build flexible user interfaces by combining components with props

Introduction

In the previous chapter, you learned about the key building block of any React-based user interface: components. You learned why components matter, how they are used, and how you can build components yourself.

You also learned about JSX, which is the HTML-like markup that’s typically returned by component functions. It’s this markup that defines what should be rendered on the final web page (in other words, which HTML markup should end up on the final web page ...