React connected component visual code snippet

rf.code-snippets

"React Connected Component": {
        "prefix": "rcc",
        "body": [
                "import React, { useState, useEffect } from 'react';",
                "import styled from 'styled-components'",
                "import { createStructuredSelector } from 'reselect';",
                "",
                "",
                "const connect = require('react-redux').connect",
                "",
                "interface $1Props {",
                "",
                "}",
                "",
                "const $1 = (props: $1Props) => {",
                "    return (",
                "        <React.Fragment>",
                "",
                "        </React.Fragment>",
                "    )",
                "};",
                "",
                "function mapStateToProps() {",
                "    return createStructuredSelector({",
                "",
                "    })",
                "};",
                "",
                "function mapDispatchToProps(dispatch: any) {",
                "    return {",
                "",
                "    }",
                "};",
                "",
                "export default connect(mapStateToProps, mapDispatchToProps)($1);"
        ],
        "description": "React Connected Component"
},