After install this snippets add this inside your settings
"editor.snippetSuggestions": "top",
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 |
Snippets | Content |
---|---|
graphql | GraphQL For Component |
expgql | Export GraphQL |
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 |
Snippets | Content |
---|---|
hocredux | HOC With Redux |
hoc | HOC |
Snippets | Content |
---|---|
rnc | React Native Component |
rnce | React Native Component Export |
rncredux | React Native Class Component Redux |
imrn | React Native Import |
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 |
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 |
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 |
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 |