/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

2 votes416 views2 answers
Capture enter button react input
Javascript React
0 vote410 views1 answer
What is the difference between throttling and debounce and raf throttling in react
Javascript React
0 vote403 views1 answer
React yup password with number string and uppercase
Javascript React
7 votes351 views2 answers
Uuid v4 react
Javascript React
0 vote418 views1 answer
React fetch data in for loop
Javascript React
0 vote506 views1 answer
How set default value for react-select
Javascript React
1 vote352 views1 answer
React addeventlistener useeffect
Javascript React
0 vote390 views1 answer
React cam filters
Javascript React
9 votes429 views1 answer
How to create a react app in current folder
Javascript React
0 vote430 views2 answers
Install boxicons in react
Javascript React