/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

3 votes152 views1 answer
Pass element from child to parent react
Javascript React
17 votes117 views5 answers
Add background image react native
Javascript React
26 votes120 views5 answers
React font-awesome
Javascript React
0 vote137 views1 answer
How to send data to another page in react from button
Javascript React
139 votes260 views6 answers
Creat react app
Javascript React
0 vote111 views1 answer
Await zoomus.joinmeeting crashing app react native
Javascript React
0 vote131 views1 answer
Popup react now ui
Javascript React
0 vote143 views1 answer
Render object id in an array reactjs from database
Javascript React
1 vote134 views1 answer
How to clear pod cache in react native
Javascript React
0 vote137 views1 answer
Stop playing music when page is closed react
Javascript React