| Shortcut | Description |
|---|---|
| RCC + Tab Key | create a react component class with ES6 module system |
| RCCP + Tab Key | create a react component class with proptypes and ES6 module system |
| Rcfc | Tab key — create a react component class with proptypes, all lifecycle methods, and ES6 module system |
| Rcjc | reate a react component class with ES6 module system (no export) |
| RDP + Tab Key | generate defaultprops quickly |
| RPC + Tab Key | create a react pure component class with proptypes and ES6 moudle system |
| RRC + Tab Key | create a react component class connected to Redux |
| RRDC + Tab Key | create a react component class connected to Redux through dispatch |
| RSC + Tab key | create stateless react component without proptypes and ES6 module system |
| RSCP + Tab key | create stateless react component with proptypes and ES6 module system |
| RSF + Tab key | creates stateless react components in the form of named functions, without proptypes |
| Rsfp + Tab key | use proptypes to create stateless react components as named functions |
| RSI + Tab key | create stateless react component, not using proptypes and ES6 module system, but using implicit return and props |
| Rwwd + Tab key | create a react component class with constructor, null state, proptypes and export in the ES6 module system without import. (proptype is provided by webpack plug-in when it is mainly used for react) |
UPDATE:
Shit, I can not believe I posted this article about half year ago and did not put the freaking extension to make this shortcuts usable, lol.
All of these shortcuts only work by installing this extension on VS code:
Leave a Reply