JSFiddle - React, Tailwind, and code Playground

studying ES2016 fat-arrow (requiring babel transpiler + appending jquery display)

by jonchius

HTML

<div id="display1"></div>
<div id="display2"></div>
<div id="display3"></div>
<div id="display4"></div>

Babel + JSX

// printing a value using ES5
var printValue = function(value) { return value; }; 
$("#display1").append(printValue(2016 + " fiddles with ES5! "));

// printing a value using ES2015 arrow function
var printValue = (value) => value;
$("#display2").append(printValue(2016 + " also fiddles with ES2015! "));

// adding two values
var addValues = (value1, value2) => value1 + value2; 
$("#display3").append(addValues(10, 15));

// listing random temperatures in Fahrenheit
var tF = [ 102, 104, 98, 90, 85, 82, 82, 86 ];
// converting (mapping) each temperature to Celsius
var tC = tF.map( temp => (temp - 32) * (5/9));
// displaying Celsius temperatures
$.each(tC, (i,t) => $("#display4").append(t.toFixed(1) + " "));