JSFiddle - React, Tailwind, and code Playground

by amindunited

JavaScript

const templateStringReplace = (hyphenatedName, templateContent) => {
  const titleCaseName = (() => {
    let stringContentArray = hyphenatedName.split(/\-/)
      .reduce((previous, current) => {
        return previous + current.toLowerCase().replace(/^\w/, (char) => {
          return char.toUpperCase();
        });
      });
    console.log('stringContentArray', stringContentArray[0].toUpperCase() + stringContentArray.substr(1));
  })();
  console.log('titleCaseName', titleCaseName);
  // const snakeCaseName = '';
  // let result = templateContent.replace('${hyphenatedName}', hyphenatedName);
  // result = templateContent.replace('${titleCaseName}', titleCaseName);
  // result = templateContent.replace('${snakeCaseName}', snakeCaseName);
}

templateStringReplace('my-name', 'the text should be ${titleCaseName}');