Skip to main content

ES7+ snippets ↔ dsznajder.es7-react-js-snippets - outdated - make your own snippets

Sources: marketplace.visualstudio.com/items?itemName=dsznajder.es7 github.com/dsznajder/vscode

rfc​

import React from 'react'

export default function test|() {
  return (
    <div\>test|</div\>
  )
}

rfcredux​

import React from 'react'
import { connect } from 'react-redux'

export const test| = (props) => {
  return (
    <div\>test|</div\>
  )
}

const mapStateToProps = (state) => ({})

const mapDispatchToProps = {}

export default connect(mapStateToProps, mapDispatchToProps)(test|)

rfce​

import React from 'react'

function test() {
  return (
    <div\>test</div\>
  )
}

export default test

rcc​

import React, { Component } from 'react'

export default class test| extends Component {
  render() {
    return (
      <div\>test|</div\>
    )
  }
}

rafc​

import React from 'react'

export const resizable = () => {
  return (
    <div\>resizable</div\>
  )
}

rafce​

import React from 'react'

const resizable = () => {
  return (
    <div\>resizable</div\>
  )
}

export default resizable

References​