ES7 React VSCode Shortcuts Keyboard Shortcuts

by jaredcobb via cheatography.com/135652/cs/28165/

Basic Methods PropTypes

imp→ import moduleName from 'module' pta→ PropTypes.array

imn→ import 'module' ptar→ PropTy​pes.ar​ray.is​Req​uired
imd→ import { destru​ctu​red​Module } from 'module' ptb→ PropTy​pes.bool
ime→ import * as alias from 'module' ptbr→ PropTy​pes.bo​ol.i​sR​equired
ima→ import { origin​alName as aliasName} from ptf→ PropTy​pes.func
'module' ptfr→ PropTy​pes.fu​nc.i​sR​equired
exp→ export default moduleName ptn→ PropTy​pes.number
exd→ export { destru​ctu​red​Module } from 'module' ptnr→ PropTy​pes.nu​mbe​r.i​sRe​quired
exa→ export { origin​alName as aliasName} from pto→ PropTy​pes.object
'module' ptor→ PropTy​pes.ob​jec​t.i​sRe​quired
enf→ export const functi​onName = (params) => { } pts→ PropTy​pes.string
edf→ export default (params) => { } ptsr→ PropTy​pes.st​rin​g.i​sRe​quired
met→ methodName = (params) => { } ptnd→ PropTy​pes.node
fre→ arrayN​ame.fo​rEa​ch(​element => { } ptndr→ PropTy​pes.no​de.i​sR​equired
fof→ for(let itemName of objectName { } ptel→ PropTy​pes.el​ement
fin→ for(let itemName in objectName { } ptelr→ PropTy​pes.el​eme​nt.i​sR​equired
anfn→ (params) => { } pti→ PropTy​pes.in​sta​nce​Of(​name)
nfn→ const functi​onName = (params) => { } ptir→ PropTy​pes.in​sta​nce​Of(​nam​e).i​sR​equired
dob→ const {propName} = object​ToD​escruct pte→ PropTy​pes.on​eOf​([n​ame])
dar→ const [propName] = arrayT​oDe​scruct pter→ PropTy​pes.on​eOf​([n​ame​]).i​sR​equired
sti→ setInt​erv​al(() => { }, interv​alTime ptet→ PropTy​pes.on​eOf​Typ​e([​name])
sto→ setTim​eout(() => { }, delayTime ptetr→ PropTy​pes.on​eOf​Typ​e([​nam​e]).is​Req​uired
prom→ return new Promis​e((​res​olve, reject) => { } ptao→ PropTy​pes.ar​ray​Of(​name)
cmmb→ comment block ptaor→ PropTy​pes.ar​ray​Of(​nam​e).i​sR​equired
ptoo→ PropTy​pes.ob​jec​tOf​(name)

By jaredcobb Published 30th May, 2021. Sponsored by CrosswordCheats.com

cheatography.com/jaredcobb/ Last updated 30th May, 2021. Learn to solve cryptic crosswords!
Page 1 of 3. http://crosswordcheats.com
 ES7 React VSCode Shortcuts Keyboard Shortcuts
by jaredcobb via cheatography.com/135652/cs/28165/

PropTypes (cont) React

ptoor→ PropTy​pes.ob​jec​tOf​(na​me).is​Req​uired imr→ import React from 'react'

ptsh→ PropTy​pes.sh​ape({ }) imrd→ import ReactDOM from 'react​-dom'
ptshr→ PropTy​pes.sh​ape({ }).isR​equired imrc→ import React, { Component } from 'react'
ptany→ PropTy​pes.any imrcp→ import React, { Component } from 'react' &
ptypes→ static propTypes = {} import PropTypes from 'prop-​types'
imrpc→ import React, { PureCo​mponent } from
Components 'react'

rfc imrpcp→ import React, { PureCo​mponent } from

import React from 'react' 'react' & import PropTypes from 'prop-​types'

export default function $1() { imrm→ import React, { memo } from 'react'

​ ​return <di​v>$​0</​div> imrmp→ import React, { memo } from 'react' &

} import PropTypes from 'prop-​types'

rfcp impt→ import PropTypes from 'prop-​types'

import React from 'react' imrr→ import { Browse​rRouter as Router, Route,

import PropTypes from 'prop-​types' NavLink} from 'react​-ro​ute​r-dom'

function $1(props) { imbr→ import { Browse​rRouter as Router} from

​ ​return <di​v>$​0</​div> 'react​-ro​ute​r-dom'

} imbrc→ import { Route, Switch, NavLink, Link }

$1.pro​pTypes = {} from react-​rou​ter​-dom'

export default $1 imbrr→ import { Route } from 'react​-ro​ute​r-dom'

rfce imbrs→ import { Switch } from 'react​-ro​ute​r-dom'

import React from 'react' imbrl→ import { Link } from 'react​-ro​ute​r-dom'

function $1() { imbrnl→ import { NavLink } from 'react​-ro​ute​r-dom'

​ ​return <di​v>$​0</​div> imrs→ import React, { useState } from 'react'

} imrse→ import React, { useState, useEffect } from

export default $1 'react'

redux→ import { connect } from 'react​-redux'
cdm→ compon​ent​Did​Mount = () => { }
scu→ should​Com​pon​ent​Update = (nextP​rops,
nextState) => { }
cdup→ compon​ent​Did​Update = (prevP​rops, prevState)
=> { }
cwun→ compon​ent​Wil​lUn​mount = () => { }
gdsfp→ static getDer​ive​dSt​ate​Fro​mPr​ops​(ne​xtP​rops,
prevState) { }
gsbu→ getSna​psh​otB​efo​reU​pdate = (prevP​rops,
prevState) => { }

By jaredcobb Published 30th May, 2021. Sponsored by CrosswordCheats.com

cheatography.com/jaredcobb/ Last updated 30th May, 2021. Learn to solve cryptic crosswords!
Page 2 of 3. http://crosswordcheats.com
 ES7 React VSCode Shortcuts Keyboard Shortcuts
by jaredcobb via cheatography.com/135652/cs/28165/

Redux Components

rxaction→ redux action template rfcredux

rxconst→ export const $1 = '$1' import React, { Component } from 'react'
rxreducer→ redux reducer template import { connect } from 'react​-redux'
rxselect→ redux selector template export const FileName = () => {
rxslice→ redux slice template ​ ​return <di​v>$​4</​div>
}
Console const mapSta​teT​oProps = (state) => ({})

clg→ console.log(object) const mapDis​pat​chT​oProps = {}

clo→ consol​e.l​og(​'ob​ject', object) export default connec​t(m​apS​tat​eTo​Props, mapDis​pat​‐

ctm→ consol​e.t​ime​('t​imeId') chT​oPr​ops​)(F​ile​Name)

cte→ consol​e.t​ime​End​('t​imeId') rfreduxp

cas→ consol​e.a​sse​rt(​exp​res​sio​n,o​bject) import React, { Component } from 'react'

ccl→ consol​e.c​lear() import PropTypes from 'prop-​types'

cco→ consol​e.c​oun​t(l​abel) import { connect } from 'react​-redux'

cdi→ consol​e.dir export const FileName = () => {

cer→ consol​e.e​rro​r(o​bject) ​ ​return <di​v>$​4</​div>

cgr→ consol​e.g​rou​p(l​abel) }

cge→ consol​e.g​rou​pEnd() FileNa​me.p​ro​pTypes = {

ctr→ consol​e.t​rac​e(o​bject) ​ $2: $3,

cwa→ consol​e.warn }

cin→ consol​e.info const mapSta​teT​oProps = (state) => ({})

const mapDis​pat​chT​oProps = {}
export default connec​t(m​apS​tat​eTo​Props, mapDis​pat​‐
chT​oPr​ops​)(F​ile​Name)
reduxmap
const mapSta​teT​oProps = (state) => ({})
const mapDis​pat​chT​oProps = {}

By jaredcobb Published 30th May, 2021. Sponsored by CrosswordCheats.com

cheatography.com/jaredcobb/ Last updated 30th May, 2021. Learn to solve cryptic crosswords!
Page 3 of 3. http://crosswordcheats.com