/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

139 votes305 views2 answers
React js installation steps
Javascript React
3 votes237 views1 answer
Could not resolve dependency: npm ERR! peer react@"^16.0.0" from [email protected]
Javascript React
0 vote233 views1 answer
React native init specific version
Javascript React
116 votes233 views6 answers
Bootstrap react
Javascript React
0 vote238 views1 answer
React detect autofill
Javascript React
18 votes197 views6 answers
Add svg in react
Javascript React
0 vote234 views1 answer
React.js file extension
Javascript React
0 vote228 views2 answers
Which one is better arrow functions or using bind in react?
Javascript React
0 vote258 views1 answer
Export socket io connection in react
Javascript React
0 vote237 views2 answers
Apply back button to a react component
Javascript React