In this chapter, we have seen how JSX plays an important role in making custom components, as well as making them very simple to visualize, understand, and write.

The key examples shown in this chapter will help you to understand JSX syntax and its implementation.

The last example in this chapter covered the responsive Add Ticket form with JSX along with Bootstrap, which gave you an idea about JSX syntax execution and how to create your custom component. You can use it and instrument it easily as you play with HTML.

If you are still not sure about JSX and its behavior, then I recommend that you go through this chapter again, as it will also help you when looking at future chapters.

If you fully understand this chapter, then let's move on to Chapter 4, DOM Interaction with ReactJS which is all about DOM interacting with React, and where we will see DOM's interaction with ReactJS. It's an interesting chapter as when we talk about interactivity between inputs and outputs, we have to consider backend code and DOM elements. You will see some very interesting topics like, props and state, controlled component, uncontrolled component, non-DOM attributes keys and references, and many more with examples.