I’m sure most of you who use react using jsx. With its concise syntax jsx improves the readability of the templates. Compare the following two examples:

The second option seems much clearer. If we complicate the example, the difference becomes even more obvious.

Problems with jsx

It is not a standard. And do not become a standard. You need a transpiler like a babel to deal with it. A year ago it was not a problem. But now support of es6 close to 100% on servers, desktops and mobile devices. If you ever decide not to use the transpiler, jsx will become your problem. Is there an alternative to jsx?