React Key Concepts

10. Working with Complex State

Learning Objectives

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

– Manage cross-component or even app-wide state (instead of just component-specific state).

– Distribute data across multiple components.

– Handle complex state values and changes.

Introduction

State is one of the core concepts you must understand (and work with) to use React effectively. Basically, every React app utilizes (many) state values across many components to present a dynamic, reactive user interface.

From simple state values that contain a changing counter or values entered by users, all the way up to more complex state values such as the combination of multiple form inputs or user authentication information, ...