VS Code JSX Snippets

javascriptreact.json

{
	"Print to console": {
		"prefix": "log",
		"body": [
			"console.log('$1');"
		],
		"description": "Log output to console"
	},
	"Functional React Component": {
		"prefix": "rfc",
		"body": [
			"function ${TM_FILENAME_BASE}() {",
			"  return (",
			"    <p>$0${TM_FILENAME_BASE}</p>",
			"  );",
			"}",
			"",
			"export default ${TM_FILENAME_BASE};",
			"",
			""
		],
		"description": "Functional React Component"
	},
	"Use Effect Hook": {
		"prefix": "ue",
		"body": [
			"useEffect(() => {",
			"  $0",
			"}, []);"
		],
		"description": "useEffect on mount"
	}
}