VSCode ES7 React/Redux snippets Cheat Sheet by frankieali4

imn→

import 'module'

ime→

import * as alias from 'module'

exp→

export default moduleName

exa→

export { origin­alName as aliasName} from 'module'

edf→

export default (params) => { }

fre→

arrayN­ame.fo­rEa­ch(­element => { }

fin→

for(let itemName in objectName { }

nfn→

const functi­onName = (params) => { }

dar→

const [propName] = arrayT­oDe­scruct

sto→

setTim­eout(() => { }, delayTime

cmmb→

comment block

cs→

const { } = this.state

imrd→

import ReactDOM from 'react­-dom'

imrcp→

import React, { Component } from 'react' & import PropTypes from 'prop-­types'

imrpcp→

import React, { PureCo­mponent } from 'react' & import PropTypes from 'prop-­types'

imrmp→

import React, { memo } from 'react' & import PropTypes from 'prop-­types'

imrr→

import { Browse­rRouter as Router, Route, Link } from 'react­-ro­ute­r-dom'

rconst→

constr­uct­or(­props) with this.state

est→

this.state = { }

cdm→

compon­ent­Did­Mount = () => { }

scu→

should­Com­pon­ent­Update = (nextP­rops, nextState) => { }

cdup→

compon­ent­Did­Update = (prevP­rops, prevState) => { }

gdsfp→

static getDer­ive­dSt­ate­Fro­mPr­ops­(ne­xtP­rops, prevState) { }

ren→

render() { return( ) }

ssf→

this.s­etS­tat­e((­state, props) => return { })

state→

this.s­tat­e.s­tat­eName

cref→

this.$­{1:­ref­Nam­e}Ref = React.c­re­ate­Ref()

bnd→

this.m­eth­odName = this.m­eth­odN­ame.bi­nd(­this)

rxconst→

export const $1 = '$1'

rxselect→

redux selector template

clo→

consol­e.l­og(­"­obj­ect­", object)

cte→

consol­e.t­ime­End­("ti­meI­d")

ccl→

consol­e.c­lear()

cdi→

consol­e.dir

cgr→

consol­e.g­rou­p(l­abel)

ctr→

consol­e.t­rac­e(o­bject)

cin→

consol­e.info

rfce

react functional component with last line export

rcc

react class component

rccp

react class component with PropTypes and ES7 module system

rcredux

redux connected class component with PropTypes

rpc

react pure component

rpce

react pure component with PropTypes and last line export

hocredux

redux connected higher order component with PropTypes