JSFiddle - React, Tailwind, and code Playground

by HYEONGJINKIM

JavaScript

_toHyphen = function(property) {
  property = property.replace(/([A-Z]?)([a-z]+)([A-Z]?)/g, function(m0, m1, m2, m3) {
    var str = ((m1) ? '-' + m1.toLowerCase() : '') + m2;

    if (m3) {
      str += '-' + m3.toLowerCase();
    }

    return str;
  });

  return property;
};

_toCamel = function(property) {
  property = property.replace(/-([a-z])/gi, function(m0, m1) {
    return m1.toUpperCase();
  });

  return property;
};

console.log(_toHyphen('fadeIn'));
console.log(_toCamel('fade-in'));