/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

66 votes249 views4 answers
How to redirect to a website in react
Javascript React
13 votes284 views1 answer
Reactjs useState() hook
Javascript React
0 vote265 views1 answer
React native clear route params
Javascript React
0 vote261 views1 answer
Nested arrays reactjs tables
Javascript React
3 votes269 views1 answer
Force update react hooks
Javascript React
6 votes253 views6 answers
Shadow react native generator
Javascript React
0 vote261 views2 answers
How to render a component multiple times in react
Javascript React
0 vote268 views1 answer
React check if localhost
Javascript React
0 vote273 views1 answer
How to print an array inside another array in react
Javascript React
24 votes254 views5 answers
React map array
Javascript React