Cacher is the code snippet organizer for pro developers

{
	"reactClassComponent": {
		"prefix": "rcc",
		"body": [
			"import React, { Component } from 'react';",
			"import { string } from 'prop-types';",
			"",
			"export default class ${1} extends Component {",
			"    static propTypes = {",
			"        className: string",
			"    };",
			"",
			"    render() {",
			"        const { className } = this.props;",
			"",
			"        return (",
			"            <div className={className} />",
			"        );",
			"    }",
			"}"
		],
		"description": "create react component"
	},

	"reactClassPureComponent": {
		"prefix": "rcpc",
		"body": [
			"import React, { PureComponent } from 'react';",
			"import { string } from 'prop-types';",
			"",
			"export default class ${1} extends PureComponent {",
			"    static propTypes = {",
			"        className: string",
			"    };",
			"",
			"    render() {",
			"        const { className } = this.props;",
			"",
			"        return (",
			"            <div className={className} />",
			"        );",
			"    }",
			"}"
		],
		"description": "create react pure component"
	}
}