/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

24 votes180 views6 answers
React native navigation
Javascript React
-2 votes300 views2 answers
Search bar in react js material ui
Javascript React
3 votes221 views1 answer
React native duplicate resources: Android
Javascript React
1 vote221 views2 answers
Flatlist onrefresh react native
Javascript React
3 votes205 views2 answers
React native width auto
Javascript React
0 vote213 views1 answer
How to create module in react
Javascript React
1 vote220 views2 answers
[HomePage] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>
Javascript React
32 votes386 views2 answers
How to routing in react js
Javascript React
0 vote251 views1 answer
Htaccess to deploy react app to cpanel
Javascript React
2 votes226 views1 answer
React allow only numbers in input
Javascript React