React javascript snippets

{
/*
	 // Place your snippets for JavaScript React here. Each snippet is defined under a snippet name and has a prefix, body and 
	 // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
	 // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the 
	 // same ids are connected.
	 // Example:
	 "Print to console": {
		"prefix": "log",
		"body": [
			"console.log('$1');",
			"$2"
		],
		"description": "Log output to console"
	}
*/
	"new class" :{
		"prefix": "ReactClass",
		"body" : [
			"import React, {PropTypes} from 'react';",
			"",
			"const propTypes = {",
			"",
			"};",
			"",
			"const defaultProps = {",
			"",
			"};",
			"",
			"class ${1:name} extends React.Component {",
			"	constructor(props) {",
			"		super(props)",
			"	}",
			"	render() {",
			"		return (<div />);",
			"	}",
			"};",
			"${1:name}.propTypes = propTypes;",
			"${1:name}.defaultProps  = defaultProps ;",
			"export default ${1:name};"
		],
		"description": "Creates a new react component"
	},
	"new pure" :{
		"prefix": "ReactPure",
		"body" : [
			"import React, {PropTypes} from 'react';", 
			"",
			"const propTypes = {",
			"",
			"};",
			"const defaultProps = {",
			"",
			"};",
			"",
			"export const ${1:name} = ({}) => {" ,
			"	return <div />;",
			"	",
			"};",
			"",
			"${1:name}.propTypes = propTypes;",
			"${1:name}.defaultProps = defaultProps;",
			"export default ${1:name};"

		],
		"description": "Creates a new  pure react component "
	}
}