reactSnippets.js

{
	//
	"importProptypes":{
		"prefix": "#react_i_prop_types",
		"body": ["import PropTypes from 'prop-types';"],
		"description": "import propTypes"
	},

	"propTypes":{
		"prefix": "#react_prop_types",
		"body": [
			"${1:ClassName}.propTypes={",
				"",
			"}"
		],
		"description": "struct for propTypes"
	},

	//redux相關
	"actionA":{
		"prefix": "#react_action_type_a",
		"body": [
			"export function ${1:FuncName}(){",
				"\treturn{",
					"\t\ttype:${2:ActionName}",
				"\t}",
			"}",
		],
		"description": "new action(typeA)"
	},

	"actionB":{
		"prefix": "#react_action_type_b",
		"body": [
			"export function ${1:FuncName}(){",
				"\treturn (dispatch)=>{",
					"\t\tdispatch(${2:})",
				"\t}",
			"}",
		],
		"description": "new action(typeB)"
	},

	"reducer":{
		"prefix": "#react_new_reducer",
		"body": [
			"import {} from './action.js';",
			"",
			"const initstate = ()=>{",
				"\treturn{};",				
			"}",
			"",
			"export default (state=initstate(),action)=>{",
				"\tswitch (action.type) {",			
					"\t\tdefault:",
						"\t\t\treturn state;",
				"\t}",
			"}"
		],
		"description": "make new reducer"
	},

	"mapStateToProps":{
		"prefix": "#react_map_props",
		"body": [
			"let mapStateToProps = (state)=>{",
				"\treturn{",
					"\t\t$0",
				"\t}",
			"}"
		]
	}
}