react-snippets README

Note

React code snippets is still under development and will change regularly! Any contributions or remarks are welcome as we progress to a fixed version.

Supported languages

• Javascript
• Javascript React
• Typescript
• Typescript React

Miscellaneous

• Jest testing framework included

Snippets

Components

How	What	Alternative keys
memo	Stateless react memo component	-
memop	Stateless react memo component with PropTypes	memo
rsc	Stateless react component	comp, stateless
rscp	Stateless react component with PropTypes	comp, rsc, stateless
pure	Pure component react	-
purep	Pure component react with PropTypes	pure
compo	Regular react component	comp
compp	Regular react component with PropTypes	comp
rcomp	Regular react component with redux	comp, rrc, reduxcomp
rcompp	Regular react component with redux and PropTypes	comp, rcomp, rrc, rrcp, reduxcomp

Functions

How	What	Alternative keys
dpn	React set the displayName of a component	display, displayname
bind	React bind functions to 'this' context	-
setstate	React set state function	sets, ss
defp	React default props definition	def, defprops, dp, default, defaultprops
prop	React PropTypes definition	proptypes, pt
ren	React render function	render

Lifecycle methods

How	What	Alternative keys
getderived	Called when state depends on changes in props over time	derived, gdsfp, life, lifecycle
shouldcomponent	Returns false to skip rendering	should, scu, life, lifecycle
snapshot	Returns a snapshot or should return null	getsnapshot, snap, life, lifecycle
snapshot	Returns a snapshot and pass it to ComponentDidUpdate	getsnapshot, snap, life, lifecycle
didmount	Called right after mounting the component	life, lifecycle
didupdate	Called whenever a component will be updated	life, lifecycle
willunmount	Called when component is being removed from the dom	unmount, life, lifecycle

PropTypes

How	What	Alternative keys
number	React PropType Number	prop, propn, propnumber
number	React PropType Number Required	prop, propn, propnumber, propr
string	React PropType String	prop, props, propstring
string	React PropType String Required	prop, props, propstring, propr
array	React PropType Array	prop, propa, proparray
array	React PropType Array Required	prop, propa, proparray, propr
bool	React PropType Bool	prop, propb, propbool
bool	React PropType Bool Required	prop, propb, propbool, propr
object	React PropType Object	prop, propo, propobject
object	React PropType Object Required	prop, propo, propobject, propr
func	React PropType Function	prop, propf, propfunc
func	React PropType Function Required	prop, propf, propfunc, propr
symbol	React PropType Symbol	prop, props, propsymbol
symbol	React PropType Symbol Required	prop, props, propsymbol, propr
node	React PropType Node	prop, propn, propnode
node	React PropType Node Required	prop, propn, propnode, propr
element	React PropType Element	prop, prope, propelement
element	React PropType Element Required	prop, prope, propelement, propr
instanceof	React PropType InstanceOf	prop, propi, propinstance, instance
instanceof	React PropType InstanceOf Required	prop, propi, propinstance, instance, propr
oneof	React PropType OneOf	prop, propone, proponeof, one
oneof	React PropType OneOf Required	prop, propone, proponeof, one propr
oneoftype	React PropType OneOf	prop, proponetype, proponeoftype, onetype
oneoftype	React PropType OneOf Required	prop, proponetype, proponeoftype, onetype propr
arrayof	React PropType ArrayOf	prop, propa, proparrayof, array
arrayof	React PropType ArrayOf Required	prop, propa, proparrayof, array, propr
objectof	React PropType ObjectOf	prop, propo, propobjectof, object
objectof	React PropType ObjectOf Required	prop, propo, propobjectof, object , propr
shape	React PropType Shape	prop, propsh, propshape
shape	React PropType Shape Required	prop, propsh, propshape , propr

Redux Functions

How	What	Alternative keys
rstp	Redux function mapStateToProps	map, mapToProps, propsTo, redux
rdtp	Redux function mapDispatchToProps	map, mapToProps, dispatch, dispTo, redux
rbac	Redux bind actions in one function	bind, binda, actionc, redux

Global Functions

How	What	Alternative keys
con	Class constructor calling the super class with props	constructor
imp	Import default module	import
impa	Import module as alias	imp, import
forof	Loop over object keys	fof
forin	Loop over object values	fin
foreach	Foreach loop	feach
map	Map loop	-

Jest Functions

How	What	Alternative keys
test	Default test implementation of Jest	-
it	Default it implementation of Jest	-
desc	Describe test suite	describe

For questions or to request additions, changes and so on, please open an issue on the Github page.