React Visual Studio Code JavaScript Snippets for component, useState, useEffect, and useReducer

vs-code-js-react-snippets.json

{

	"React Component": {
			"prefix": "react",
			"body": ["import React from \"react\"", "", "function ${1:ComponentName}() {", "  return (", "    <>", "      $2", "    </>", "  )", "}", "", "export default ${1:ComponentName}"],
			"description": "React Component"
	},

	"useState Hook": {
			"prefix": "use",
			"body": [
				"const [$1, set${1/(.)/${1:/upcase}/}] = useState();"
			],
			"description": "Creates a useEffect expression"
	},

	"useEffect Hook": {
			"prefix": "use",
			"body": [
				"useEffect(() -> {",
		"$1",
				"}, []);"
			],
			"description": "Creates a useEffect expression"
	},

	"useReducer Hook": {
			"prefix": "use",
			"body": ["const ${1:INITIAL_STATE} = {", "", "}", "", "function reducer(state, action) {", "  switch (action.type) {", "    case \"${4:NameMe}\":", "      // Do something here", "      return", "  }", "}", "", "const [${2:state}, ${3:dispatch}] = useReducer(reducer, $1)"],
			"description": "Creates a useReducer expression"
	}

}