/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 vote243 views1 answer
Use es6 arrow function in react
Javascript React
0 vote254 views1 answer
Filter-vs-map-reactjs-and-jsx
Javascript React
0 vote252 views1 answer
Ng-class equivalent in react
Javascript React
0 vote277 views1 answer
Date in react js
Javascript React
0 vote255 views1 answer
Reactjs limit text display 20 200 characters
Javascript React
0 vote251 views1 answer
Form.select react bootstrap
Javascript React
2 votes217 views1 answer
Audio react
Javascript React
0 vote260 views1 answer
Ab mob react native expo
Javascript React
0 vote237 views1 answer
Line separator with text in the center react native
Javascript React
9 votes226 views1 answer
Redux add to array
Javascript React