/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 vote170 views1 answer
Botão delete no reactjs com class component
Javascript React
0 vote172 views1 answer
Matched leaf route at location "/" does not have an element. react
Javascript React
1 vote182 views1 answer
Yup only characters regex validation react
Javascript React
4 votes183 views3 answers
How to add google map in react js
Javascript React
0 vote180 views1 answer
React native parent opcaity not affecting text
Javascript React
0 vote169 views1 answer
Hide and show on button click in react js functional component
Javascript React
7 votes171 views2 answers
Br in react native
Javascript React
0 vote177 views1 answer
React 1 to 10 rating
Javascript React
0 vote155 views1 answer
React setstate concat string
Javascript React
0 vote240 views1 answer
Align image center react native
Javascript React