The JSX syntax and ES6/ES7, are not supported in all the browsers.
Hence, if we are using them in the React code, we need to use a tool which translates them to the format that has been supported by the browsers. It’s where babel comes into the picture.
What is ECMAScript(ES)?
ECMAScript 6 (ES6)/ ECMAScript 2015 (ES2015)
ECMAScript 7 (ES7)/ ECMAScript 2016 (ES2016)
The 7th edition, officially known as ECMAScript 2016, was finalized in June 2016. New features include the exponentiation operator (**) and others.