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 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 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
You can’t perform that action at this time.