live-templates.md

Live Templates

Component boilerplate

Uses file name to generate component.

Template text:

import React, {Fragment} from 'react'
import PropTypes from 'prop-types'

function $componentName$ () {
  return (
    <Fragment>
      $1$
    </Fragment>
  )
}

$componentName$.propTypes = {
  loginId: PropTypes.string.isRequired
}

export default $componentName$

Edit Variables:

useState

Writes out setter based on state name.

Template text:

const [$NAME$, set$CAP_NAME$] = React.useState($DEFAULT$)

Edit Variables: