Chapter 1: Introducing the Function Component
In this chapter, we will first start with a brief history of UI components developed over the past two decades and get to know how React uses UI components to put together an application. You will learn what a function component is, with an explanation of its props and the basic parent/child relationship. You will then get some tips on how to write a function component. At the end, you will see a practical function component example, Nav
. The chapter also includes one bonus topic in the Appendix section: How many component types does React support?
We will cover the following topics in this chapter:
- History of UI components
- Building an app with components
- Introducing the function component
- Writing a function component
- Example of a function component
- Questions and answers
- Appendix