/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

0 vote395 views1 answer
Put logo in qr code in react js qrcode.react
Javascript React
0 vote338 views1 answer
How to install react native hooks with npm
Javascript React
0 vote385 views1 answer
Connect react with database server
Javascript React
2 votes352 views1 answer
React Refused to execute inline script because it violates the following Content Security Policy directive
Javascript React
0 vote354 views1 answer
This.props undefined react native
Javascript React
59 votes313 views3 answers
Npm react router dom
Javascript React
3 votes362 views1 answer
How to preview a pdf document in react
Javascript React
1 vote332 views1 answer
I18n turn off suspense react
Javascript React
0 vote371 views1 answer
Warning React Hook useEffect has a missing dependency:
Javascript React
1 vote369 views1 answer
What is react easy emoji
Javascript React