/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 vote68 views1 answer
Platform check in react native for status bar color
Javascript React
0 vote115 views1 answer
React-native-checkbox in a loop
Javascript React
0 vote140 views1 answer
Custom login with facebook button react native
Javascript React
2 votes104 views2 answers
Vscode extensions for better react js
Javascript React
0 vote116 views1 answer
Upload file react onclick
Javascript React
0 vote113 views1 answer
React native picker not taaking height on android
Javascript React
0 vote106 views1 answer
How do i make a link to direct me to a new page when i click on a button in react
Javascript React
1 vote118 views1 answer
React admin newrecords.foreach is not a function
Javascript React
0 vote176 views1 answer
How to Submit Forms and Save Data with React.js
Javascript React
0 vote110 views1 answer
Filter based on input typing react
Javascript React