/Javascript/React/Visual studio code create react component shortcut

Visual studio code create react component shortcut

   //  Shortcut to write react code
Install extension(vscode)-- Reactjs code snippets (charalampos karypidis)
-> means Tab 
rcc->  == class component skeleton
rsc->  == stateless component skeleton
rsf->  == stateless named function skeleton

To see more, visit-- https://marketplace.visualstudio.com/items?itemName=xabikos.ReactSnippets

Arrow function component react shortcut vscode

import React from 'react'

const $1 = () => {
  return <div>$0</div>
}

export default $1

Source: marketplace.visualstudio.com

Arrow function component react shortcut vscode

import React, { PureComponent } from 'react'

export default class FileName extends PureComponent {
  render() {
    return <div>$2</div>
  }
}

Source: marketplace.visualstudio.com

Similar codes

19 votes366 views6 answers
Convert svg to react component
Javascript React
0 vote363 views1 answer
Fetch data from asyncstorage react native
Javascript React
145 votes559 views6 answers
Add bootstrap to react
Javascript React
0 vote389 views1 answer
How can we update time in react js
Javascript React
0 vote385 views1 answer
Reactjs clic copy
Javascript React
6 votes391 views2 answers
Export 'useHistory' (imported as 'useHistory') was not found in 'react-router-dom'
Javascript React
1 vote402 views1 answer
React repeat
Javascript React
2 votes389 views2 answers
Import lodash react
Javascript React
1 vote370 views1 answer
Rendering in react
Javascript React
0 vote381 views1 answer
Generate qr code react
Javascript React