React+Redux Code Snippets
Install here: https://marketplace.visualstudio.com/items?itemName=aakashns.react-power-snippets
Snippets for React+Redux power users. Designed to take maximum advantage of Javascript Intellisense (code-completion).
To enable code completion for filenames and npm modules, add the following to your User Settings:
"editor.quickSuggestions": {
"other": true,
"comments": false,
"strings": true
}
Snippets
imn : ES6 named imports
Notes
As you start typing the module name (or relative path), which is autocompleted.
As you start typing the name of an import inside { }, it is also autocompleted, since the editor knows which file you're importing from.
imd : ES6 default import
Notes
- Use this when you're importing from an
npm module.
imdn : ES6 default import (reverse)
Notes
Use this when you're importing from a relative path. The path is autcompleted as you type.
If the name you're using for default export is same as the filename, that is also autocompleted.
ec : ES6 named export
ed : ES6 default export
ec : ES6 named export
log : Console log
imr : Import React
imrc : Import React & Component
imrpc : Import React & PureComponent
sl : Stateless component
Notes
The name of the file is used as the component name, and can be modified if required.
If the component has no props, make sure to delete the {}.
slr: Stateless component with return
Notes
The name of the file is used as the component name, and can be modified if required.
If the component has no props, make sure to delete the {}.
edccs: Class component (with export default)
Notes
- The name of the file is used as the component name, and can be modified if required.
ccs: Class component
Notes
- The name of the file is used as the component name, and can be modified if required.
container: Redux container component
More snippets coming soon..
Requirements
None
Extension Settings
None
Known Issues
None
Release Notes
1.0.0
1.1.0
| |
