This extension contains code snippets for React with Typescript.
In order to install an extension you need to launch the Command Pallete (Ctrl + Shift + P or Cmd + Shift + P) and type Extensions. There you have either the option to show the already installed snippets or install new ones.
Launch VS Code Quick Open (Ctrl + P or Cmd + P), paste the following command, and press enter.
ext install vscode-react-typescript
Alternatively you can open the extensions panel and search for 'Typescript React code snippets'.
Supported languages (file extensions)Below is a list of all available snippets and the triggers of each one. The ⇥ means the TAB
key.
tsrcc→
class component skeleton
tsrcfull→
class component skeleton with Props, State, and constructor
tsrcjc→
class component skeleton without import and default export lines
tsrpcc→
class purecomponent skeleton
tsrpcjc→
class purecomponent without import and default export lines
tsrpfc
pure function component skeleton
tsdrpfc
stateless functional component with default export
tsrsfc
stateless functional component
conc→
class default constructor with props and context
cwm→
componentWillMount method
ren→
render method
cdm→
componentDidMount method
cwrp→
componentWillReceiveProps method
scu→
shouldComponentUpdate method
cwu→
componentWillUpdate method
cdu→
componentDidUpdate method
cwum→
componentWillUnmount method
gdsfp→
getDerivedStateFromProps method
gsbu
getSnapshotBeforeUpdate method
sst→
this.setState with object as parameter
bnd→
binds the this of method inside the constructor
met→
simple method
tscntr→
react redux container skeleton
imt
create a import
MIT
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4