Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>React+Redux SnippetsNew to Visual Studio Code? Get it now.

React+Redux Snippets

Aakash N S

|
901 installs
| (0) | Free
Snippets for React+Redux power users
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

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

  • Initial release

1.1.0

  • List prefixes and add GIF previews

  • Use filename as component name

  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft