Listing 1 shows how props are handled in a function-based component tree. The process is similar with classes. The function-based example shows off the more streamlined syntax of the functional style.

Gain a thorough understanding of React’s new component style and learn to use the hooks API to write simpler and more elegant React code.