Make a react component snippet quickly in js or ts for VS code.
React Version >= 15 (PropTypes is separated)
Install
- Ctrl/Cmd+P (or Ctrl/Cmd + E) and enter ext install [ReactQuickSnippets]
- Ctrl/Cmd+Shift+P (or F1) and enter Extensions, select Install Extension and [ReactQuickSnippets].
Template Usage
| Prefix |
Description |
Support Identifier |
| mrc |
Make a react Component snippet |
javascript & javascriptreact |
| mrcp |
Make a react Component snippet with PropTypes |
javascript & javascriptreact |
| mrcl |
Make a react Component snippet start with Lifecycle Methods |
javascript & javascriptreact |
| mrcpl |
Make a react Component snippet start with PropTypes and Lifecycle Methods |
javascript & javascriptreact |
| mrp |
Make a react PureComponent snippet |
javascript & javascriptreact |
| mrpp |
Make a react PureComponent snippet with PropTypes |
javascript & javascriptreact |
| mrpl |
Make a react PureComponent snippet with Lifecycle Methods |
javascript & javascriptreact |
| mrppl |
Make a react PureComponent snippet start with PropTypes and Lifecycle Methods |
javascript & javascriptreact |
| mrs |
Make a react Stateless Component snippet |
javascript & javascriptreact |
| trc |
Make a Typescript react Component snippet |
typescript & typescriptreact |
| trs |
Make a Typescript React Stateless Component snippet |
typescript & typescriptreact |
Function Usage
| Prefix |
Description |
Support Identifier |
| cons |
React constrcutor function |
javascript & javascriptreact |
| comw |
React componentWillMount function |
javascript & javascriptreact |
| comd |
React componenDidMount function |
javascript & javascriptreact |
| comwu |
React componentWillUnmount function |
javascript & javascriptreact |
| comwrp |
React compontentWillReceiveProps function |
javascript & javascriptreact |
| shou |
React shouldComponentUpdate function |
javascript & javascriptreact |
| comwup |
React componentWillUpdate function |
javascript & javascriptreact |
| comdup |
React componentDidUpdate function |
javascript & javascriptreact |
| ren |
React render function |
javascript & javascriptreact |
| getdsfp |
React getDerivedStateFromProps function |
javascript & javascriptreact |
| getdsfe |
React getDerivedStateFromError function |
javascript & javascriptreact |
| getsnap |
React getSnapshotBeforeUpdate function |
javascript & javascriptreact |
| comdc |
React componentDidCatch function |
javascript & javascriptreact |
Example
| |
