Start

npx create-react-app my-app
cd my-app
npm start

VSCode extension

ES7 React/Redux/GraphQL/React Native snippets

imr
import React from 'react'
imrd
import ReactDOM from 'react-dom'
imrc
import React, { Component } from 'react'
impt
import PropTypes from 'prop-types'

Generate a class based component

rce
import React, { Component } from 'react'

export class Header extends Component {
  render() {
    return (
      <div>Header</div>
    )
  }
}

export default Header

Generate a function based component

racf
import React from 'react'

export const Spinner = () => {
  return (
    <div>Spinner</div>
  )
}
Was this page helpful?