ReactJS | Introduction to Babel
Introduction to Babel
What is transpiler?
It is a tool that is used to convert source code into another source code that is of the same level. That is why it is also known as a source-to-source compiler. Both the codes are equivalent in nature, considering the fact that one works with the specific version of the browser and one doesn’t.
Note: It is also good to note that a compiler is totally different from a transpiler as the transpiler converts source code into another source code at the same abstraction level, whereas the compiler converts code into a lower level code generally. Like in Java, the source code is converted to byte Code which is lower level and not equivalent.
Why do we need Babel?
Before installing and making use of all the features of the Babel tool, let’s see a simple code of the latest standard version of ES2017 and see what happens to it when we pass it into the babel engine.
Some of the above code is not supported in some browsers, so after transpiling through Babel we will get:
In the next article, we will learn how to install Babel and will also see more examples of it.