VSCode ReactJS Code Snippets Cheat Sheet

rcc→	class component skeleton
rccp→	class component skeleton with prop types after the class
rcjc→	class component skeleton without import and default export lines
rcfc→	class component skeleton that contains all the lifecycle methods
rsc→	stateless component skeleton
rscp→	stateless component with prop types skeleton

con→	class default constructor with props
conc→	class default constructor with props and context
est→	empty state object
cwm→	componentWillMount method
cdm→	componentDidMount method
cwr→	componentWillReceiveProps method
scu→	shouldComponentUpdate method
cwup→	componentWillUpdate method
cdup→	componentDidUpdate method
cwun→	componentWillUnmount method
ren→	render method
sst→	this.setState with object as parameter
ssf→	this.setState with function as parameter
bnd→	binds the this of method inside the constructor

pta→	array
ptar→	array.isRequired
ptb→	bool
ptbr→	bool.isRequired
ptf→	func
ptfr→	func.isRequired
ptn→	number
ptnr→	number.isRequired
pto→	object
ptor→	object.isRequired
pts→	string
ptsr→	string.isRequired
ptnd→	node
ptndr→	node.isRequired
ptel→	element
ptelr→	element.isRequired
pti→	instanceOf(ClassName)
ptir→	instanceOf(ClassName).isRequired
pte→	oneOf(['This', 'That'])
pter→	oneOf(['This', 'That']).isRequired
ptet→	oneOfType([PropType.string, PropType.number])
ptetr→	oneOfType([PropType.string, PropType.number]).isRequired
ptao→	arrayOf(PropTypes.number)
ptaor→	arrayOf(PropTypes.number).isRequired
ptoo→	objectOf(PropTypes.number)
ptoor→	objectOf(PropTypes.number).isRequired

Download the VSCode ReactJS Code Snippets Cheat Sheet

1 Page

Add a Comment

VSCode ReactJS Code Snippets Cheat Sheet by mend0za