/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

7 votes365 views3 answers
How to route react from laravel
Javascript React
2 votes327 views1 answer
React check if focused
Javascript React
0 vote323 views3 answers
React form validation
Javascript React
0 vote353 views1 answer
Error-too-many-re-renders-react-limits-the-number-of-renders-to-prevent
Javascript React
0 vote340 views1 answer
React js practical tutorial
Javascript React
1 vote339 views1 answer
React redux actions must be plain objects
Javascript React
9 votes328 views2 answers
How to redirect react router from the app components
Javascript React
0 vote335 views1 answer
Open modal on clicking select option in react
Javascript React
1 vote303 views1 answer
React native image border radius not working
Javascript React
0 vote336 views1 answer
Cannot find module '@babel/runtime-corejs2/helpers/interoprequiredefault' in react native
Javascript React