DEV Community

Cover image for Babel Basic - Javascript
Ganesh Raja
Ganesh Raja

Posted on • Edited on

Babel Basic - Javascript

I wasn't able to share yesterday's post due to some work. But yesterday I mainly worked on Babel Basics.

So basically bable is a transpiler used to convert ES6+, javascript version into ES5. we have presets to convert typescript,react into Es5 code as well.Explored about how to use babel plugins and the difference between preset and a plugin and other stuffs. It was very interesting thing to learn.

You can find the series repo here
https://github.com/ganeshraja10/Latest-Tech-Learnings

written code

multiplyBy2 = (arr) => arr.map((item) => item * 2);

let arr = [1, 2, 3];

console.log(multiplyBy2(arr));

let element = 22;
console.log(element ?? -1);

Enter fullscreen mode Exit fullscreen mode

After transpiling to Es5

"use strict";

multiplyBy2 = function multiplyBy2(arr) {
  return arr.map(function (item) {
    return item * 2;
  });
};

var arr = [1, 2, 3];
console.log(multiplyBy2(arr));
var element = 22;
console.log(element !== null && element !== void 0 ? element : -1);

Enter fullscreen mode Exit fullscreen mode

Top comments (0)