Logo for the site

Functional component shortcut

An easy way to setup your component on a single shortcut, rafce (React arrow function export component)

  • #react

You will need to install this extension for it to work.

component.jsx
// use the rafce shortcut in a empty jsx document
import React from 'react'

const compontent = () => {
  return (
    <div>compontent</div>
  )
}

export default compontent

Tweet this snippet

Edit on github

call-n

Passionate software engineer trying to learn as much about code and design

Links

All rights reserved © calo.dev 2022