JavaScript All-in-One For Dummies

Chapter 3

Building React Components

IN THIS CHAPTER

Writing custom components

Returning valid data from components

Passing props

Finding the state

Implementing reactivity with functions and classes

Hooking into component lifecycle

Composing with components

“A good engineer thinks in reverse and asks himself about the stylistic consequences of the components and systems he proposes.”

—HELMUT JAHN

React components define React elements. In this lesson, I describe how React components work, how to pass data from parent components to child components, and how to assemble components to build increasingly complex components through a pattern called composition.

Thinking in Components

React components exist to describe an isolated piece of a user interface. So far in Book 3, each component ...