vs-code jsx snippets

javascriptreact.json

{
	"jsx-component": {
		"prefix": "jsx-component",
		"body": [
			"import React, { Component } from 'react'",
			"import PropTypes from 'prop-types'",
			"",
			"import c from './${2:style}.style.sass'",
			"",
			"export default class ${1:component} extends Component {",
			"",
			"    static propTypes = {",
			"        name: PropTypes.string,",
			"    }",
			"",
			"    static defaultProps = {",
			"        name: '-',",
			"    }",
			"",
			"    render() {",
			"        let { name } = this.props",
			"        return (",
			"            <div className={c.${3:class}}>",
			"                {name}",
			"            </div>",
			"        )",
			"    }",
			"}",
		],
		"description": "React template component"
	},
	"React import BrowserRouter libs": {
		"prefix": "react-router-lib",
		"body": [
			"import { ${1:BrowserRouter as }${2:Router, }${3:Route, }${4:Link, }${5:NavLink} } from 'react-router-dom'$0"
		],
		"description": "React import BrowserRouter libs"
	},
	"React styled init": {
		"prefix": "react-styled",
		"body": [
			"import styled from 'styled-components'",
			"// import { Link } from 'react-router-dom'",
			"",
			"export const ",
			"    ${1:Elem} = styled.div`",
			"        $2",
			"    `${3:,}",
			"    $0",
		],
		"description": "React import BrowserRouter libs"
	},
}