WebStorm template for new ES6 React component file. Converts hyphen-separated filenames to PascalCase class name.

New React component template (createClass)

#set( $lowerCaseName = "$NAME" )

#set( $newName = "" )

#foreach( $part in $NAME.split("-") )

#set( $newName = "$newName$part.substring(0,1).toUpperCase()$part.substring(1)")

#end

import React from 'react';

const $newName = React.createClass({

  propTypes: {
  },
    
  render() {
    return <div></div>
  }    
});

export default $newName;