VSCode ReactJS Snippets

javascript.json

{
	"Doc File": {
		"prefix": "doc",
		"body": [
			"/**",
			" * File description...",
			" * @author: Author Name <[email protected]>",
			" * @since: $CURRENT_DATE/$CURRENT_MONTH/$CURRENT_YEAR",
			" *",
			" * Copyright $CURRENT_YEAR.",
			" */"
		]
	},
	"React PureComponent": {
		"prefix": "react-purecomponent",
		"body": [
			"import React from 'react';",
			"",
			"class ClassName extends React.PureComponent {",
			"",
			"  render() {",
			"    return (<React.Fragment>TODO</React.Fragment>)",
			"  }",
			"}",
			"export default ClassName"
		]
	},
	"React Component": {
		"prefix": "react-component",
		"body": [
			"import React from 'react';",
			"",
			"class ClassName extends React.Component {",
			"",
			"  render() {",
			"    return (<React.Fragment>TODO</React.Fragment>)",
			"  }",
			"}",
			"export default ClassName"
		]
	},
	"React Function Component": {
		"prefix": "react-function",
		"body": [
			"/**",
			" * Doc...",
			" */",
			"export const FunctionName = ({...props}) => {",
			"  return (<div>TODO</div>)",
			"}"
		]
	}	
}