/full-react-snippets

Full React/React Native/Redux/GraphQL/ES7/Testing/PropTypes snippets

Version Install Ratings

Usage

After install this snippets add this inside your settings

"editor.snippetSuggestions": "top",

Snippets List

ES7

Snippets Content
edl Eslint Disable Line
imst Import Statement
imp Import
imn Import No Module Name
ime Import Everything
ima Import As
ed Export Default
exd Export Destructing
exa Export As
enf Export Named Function
edf Export Default Function
met Method
fre For Each
fof For Of
fin For Inf
anfn Anonymous Function
nfn Named Function
dob Destructing Object
dar Destructing Array
sti Set Interval
sto Set TimeOut
prom Promise
cas Console Assert
ccl Console Clear
cco Console Count
cdi Console Dir
cer Console Error
cgr Console Group
cge Console Group End
clg Console Log
ctr Console Trace
cwa Console Warn
cin Console Info
cm Comment Block
cmmb Comment Big Block
cbl Comment Big Line

GraphQL

Snippets Content
graphql GraphQL For Component
expgql Export GraphQL

Prop Types

Snippets Content
impt Import PropTypes
pta Prop Type Array
ptar Prop Type Array Required
ptb Prop Type Bool
ptbr Prop Type Bool Required
ptf Prop Type Func
ptfr Prop Type Func Required
ptn Prop Type Number
ptnr Prop Type Number Required
pto Prop Type Object
ptor Prop Type Object Required
pts Prop Type String
ptsr Prop Type String Required
ptnd Prop Type Node
ptndr Prop Type Node Required
ptel Prop Type Element
ptelr Prop Type Element Required
pti Prop Type Instance Of
ptir Prop Type Instance Of Required
pte Prop Type Enum
pter Prop Type Enum Required
ptet Prop Type One Of Type
ptetr Prop Type One Of Type Required
ptao Prop Type Array Of
ptaor Prop Type Array Of Required
ptoo Prop Type Object Of
ptoor Prop Type Object Of Required
ptsh Prop Type Shape
ptshr Prop Type Shape Required
ptypes Static Prop Types

HOC

Snippets Content
hocredux HOC With Redux
hoc HOC

React Native

Snippets Content
rnc React Native Component
rnce React Native Component Export
rncredux React Native Class Component Redux
imrn React Native Import

React

Snippets Content
imr Import React
imrc Import React, { Component }
imrcp Import React, { Component } & PropTypes
imrpc Import React, { PureComponent }
imrpcp Import React, { PureComponent } & PropTypes
rcc React Class Compoment
rce React Class Export Component
rfe React Functional Export Component
rfep React Functional Export Component With PropTypes
rfc React Functional Component
rfcp React Functional Component With PropTypes
rcep React Class Export Component With PropTypes
rpc React Class Pure Component
rpcp React Class Pure Component With PropTypes
rccp React Class Compoment PropTypes
rconst Class Constructor
est Empty State
dsfp Get Derived State From Props New
sbu Get Snapshot Before Update New
cdc Component Did Catch New
cdm Component Did Mount Updated
cdma Component Did Mount (Arrow func) Updated
scu Should Component Update Updated
scua Should Component Update (Arrow func) Updated
cdup Component Did Update Updated
cdupa Component Did Update (Arrow func) Updated
cwun Component Will Unmount Updated
cwuna Component Will Unmount (Arrow func) Updated
cwm Component Will Mount [Deprecated] Updated
cwma Component Will Mount (Arrow func) - [Deprecated] Updated
cwr Component Will Receive Props [Deprecated] Updated
cwra Component Will Receive Props (Arrow func) - [Deprecated] Updated
cwup Component Will Update [Deprecated] Updated
cwupa Component Will Update (Arrow func) - [Deprecated] Updated
ren Component Render
sst Component Set State Object
ssf Component Set State Func
props Component Props
state Component State

Redux

Snippets Content
redux Import Redux Statement
rpf Redux Pure Function
rpc Redux Pure Function Const
rcredux React Class Compoment Redux
reduxmap Mapping To Props
rxaction Redux Action
rxconst Redux Const
rxreducer Redux Reducer
rxselect Redux Selector

React Router

Snippets Content
imrr import { BrowserRouter as Router, Route } from 'react-router-dom'
imnl import { NavLink } from 'react-router-dom'
imwr import { withRouter } from 'react-router'
router react-router Router template
route react-router Route component
navlink react-router NavLink component

Testing

Snippets Content
desc Describe Block
test Test Block
tit It Block
stest Setup Test
sjtest Setup Test With Enzyme To Json
sntest Setup React Native Test
snrtest Setup React Native Test With Redux