In this chapter, we have seen how props and state play an important role in making components interactive, as well as in DOM interaction. Refs is a great way to interact with your DOM elements. This would be inconvenient to do via streaming reactive props and state. With the help of refs we can call any public method and send a message to our particular child instance.

The key examples shown in this chapter will help you understand and clear your concepts about props, state, and DOM interaction.

The last example covers the advanced Add Ticket form with multiple JSX components along with Bootstrap, which will give you more ideas about creating React components and how we can interact with them using refs. You can use it and instrument it as easy as you play with HTML.

If you are still not sure how state and props work and how React interacts with DOM, I recommend that you go through this chapter again, which will also help you when looking at future chapters.

If you are done, then let's move on to Chapter 5, jQuery Bootstrap Component with React, which is all about Redux architecture in React.