React Key Concepts

4. Working with Events and State

Learning Objectives

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

– Add user event handlers (for example, for reacting to button clicks) to React apps.

– Update the UI via a concept called state.

– Build real dynamic and interactive UIs (that is, so that they are not static anymore).

Introduction

In the previous chapters, you learned how to build UIs with the help of React components. You also learned about props—a concept and feature that enables React developers to build and reuse configurable components.

These are all important React features and building blocks, but with these features alone, you would only be able to build static React apps (that is, web apps that never change). ...