@fortawesome/react-fontawesome/src/converter.js

Official React component for Font Awesome 5

import humps from 'humps'

function capitalize (val) {
  return val.charAt(0).toUpperCase() + val.slice(1);
}

function styleToObject (style) {
  return style.split(';')
    .map(s => s.trim() )
    .filter(s => s)
    .reduce((acc, pair) => {
      const i = pair.indexOf(':')
      const prop = humps.camelize(pair.slice(0, i))
      const value = pair.slice(i + 1).trim()

      prop.startsWith('webkit') ? acc[capitalize(prop)] = value : acc[prop] = value

      return acc
    }, {})
}

function convert (createElement, element, extraProps = {}) {
  const children = (element.children || []).map(convert.bind(null, createElement))

  const mixins = Object.keys(element.attributes || {}).reduce((acc, key) => {
    const val = element.attributes[key]

    switch (key) {
      case 'class':
        acc.attrs['className'] = val
        delete element.attributes['class']
        break
      case 'style':
        acc.attrs['style'] = styleToObject(val)
        break
      default:
        acc.attrs[humps.camelize(key)] = val
    }

    return acc
  }, { attrs: {} })

  const { style: existingStyle = {}, ...remaining } = extraProps

  mixins.attrs['style'] = { ...mixins.attrs['style'], ...existingStyle }

  return createElement(
    element.tag,
    { ...mixins.attrs, ...remaining},
    ...children
  )
}

export default convert