/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 vote282 views1 answer
How to add button react native app.js
Javascript React
0 vote195 views1 answer
React big calendar event color
Javascript React
0 vote206 views1 answer
React native center text vertically full screen
Javascript React
1 vote195 views1 answer
Picker change event react native
Javascript React
15 votes185 views1 answer
React forwardref
Javascript React
0 vote185 views1 answer
React-native-apple-authentication
Javascript React
0 vote191 views2 answers
.env file example react native
Javascript React
1 vote202 views1 answer
ERESOLVE unable to resolve dependency tree Found: [email protected] Could not resolve dependency: react native paper
Javascript React
0 vote200 views1 answer
Npx code for src folder in react js
Javascript React
4 votes239 views1 answer
How to change the tab title in react
Javascript React