Modern Front-End Development for Rails

Chapter 12Managing State in React

As we’ve built up the React page in our app, we’ve been passing properties and handlers up and down the DOM tree to allow our data to be shared between components. This is somewhat complicated and error prone. We can use a global data store to keep us from having to do all this property passing—all we’ll need to do is make sure each component subscribes to the global store and sends actions to it to change state. React comes with built-in features to support this kind of global data sharing, and it contains hook methods that we can use in our functional components to access this data.

To see how global data can help, in this chapter we’re going to add a new feature to our concert page that builds up a price ...