Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- {
- // Place your snippets for javascript here. Each snippet is defined under a snippet name and has a prefix, body and
- // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
- // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the
- // same ids are connected.
- // Example:
- // "Print to console": {
- // "prefix": "log",
- // "body": [
- // "console.log('$1');",
- // "$2"
- // ],
- // "description": "Log output to console"
- // }
- "Component": {
- "prefix": "!comp",
- "body": [
- "import React, { Component } from 'react';",
- "",
- "export default class $1 extends Component {",
- " render() {",
- " return (",
- " <div>$2</div>",
- " );",
- " }",
- "}",
- ""
- ]
- },
- "ConnectedComponent": {
- "prefix": "!conn",
- "body": [
- "import React, { Component } from 'react';",
- "import { connect } from 'react-redux';",
- "",
- "export class $1 extends Component {",
- " render() {",
- " return (",
- " <div>$2</div>",
- " );",
- " }",
- "}",
- "",
- "function mapStateToProps(state) {",
- " const {$3} = state;",
- "",
- " return {$3};",
- "}",
- "",
- "export default connect(mapStateToProps)($1);",
- ""
- ]
- }
- }
Add Comment
Please, Sign In to add comment