Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
React Component Snippet
{
"React Component": {
"prefix": "reactComp",
"body": [
"import React, { Component } from 'react'",
"import PropTypes from 'prop-types'",
"",
"class ${1:${TM_FILENAME/(.*)\\.js/${1:/capitalize}/}} extends Component {",
" render() {",
" return (",
" ${3}",
" )",
" }",
"}",
"",
"${1:${TM_FILENAME/(.*)\\.js/${1:/capitalize}/}}.propTypes = {",
" ${2}",
"}",
"",
"export default ${1:${TM_FILENAME/(.*)\\.js/${1:/capitalize}/}}"
]
}
}
@guilhermebruzzi

This comment has been minimized.

Copy link

@guilhermebruzzi guilhermebruzzi commented Oct 5, 2017

NICE WORK, for atom you can add the above snippet on ~/.atom/snippets.cson with the following syntax:

'.source.js':
  'React Component':
    prefix: 'reactComp'
    "body": """
      import React, { Component } from 'react'
      import PropTypes from 'prop-types'

      class ${1:${TM_FILENAME/(.*)\\.js/${1:/capitalize}/}} extends Component {
        render() {
          return (
            ${3}
          )
        }
      }

      ${1:${TM_FILENAME/(.*)\\.js/${1:/capitalize}/}}.propTypes = {
        ${2}
      }

      export default ${1:${TM_FILENAME/(.*)\\.js/${1:/capitalize}/}}
    """
@kevinch

This comment has been minimized.

Copy link

@kevinch kevinch commented Oct 5, 2017

VsCode:
Code > Preferences > User snippet > javascript

Paste code, save and reload VsCode

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment