This chapter assumes that you already have experience with JSX and you want to improve your skills to use it effectively. To use JSX/TSX without any problems or unexpected behaviors, it is essential to understand how it works under the hood, and the reasons why it is a useful tool for building UIs.

Our goal is to write clean JSX/TSX code, maintain it, and know where it comes from, how it gets translated to JavaScript, and what features it provides.

In this chapter, we will cover the following topics:

• What is JSX and why should we use it?
• What is Babel and how can we use it to write modern JavaScript code?
• The main features of JSX and the differences between HTML and JSX
• Best practices to write JSX in an elegant and maintainable way
• How linting, and ESLint in particular, can make our JavaScript code consistent across applications and teams
• The basics of functional...