/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

1 vote184 views2 answers
Line break in react
Javascript React
0 vote203 views1 answer
Line separator with text in the center react native
Javascript React
0 vote174 views1 answer
Setting up react on visual studio code
Javascript React
1 vote187 views1 answer
React native rename package name
Javascript React
0 vote253 views1 answer
CocoaPods could not find compatible versions for pod "React/Core": In Podfile: react-native-fetch-blob (from `../node_modules/react-native-fetch-blob`) was resolved to 0.10.6, which depends on React/Cor
Javascript React
7 votes187 views3 answers
How to update react state array
Javascript React
0 vote173 views1 answer
React-navigation headerbackbutton not export member of navigation
Javascript React
0 vote286 views1 answer
How to declare a variable in react
Javascript React
0 vote202 views1 answer
Change value in array react
Javascript React
9 votes115 views1 answer
Redux add to array
Javascript React