Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>react-code-snippetsNew to Visual Studio Code? Get it now.
react-code-snippets

react-code-snippets

Swarooprajwal

|
565 installs
| (1) | Free
A simple light weight react snippet library :)
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

react-code-snippets README

A snippet library which includes simple daily use snippets

Languages supported

  1. Javascript(js)

  2. Typescript(ts)

  3. Javascriptreact(jsx)

  4. Typescriptreact(tsx)

All Commands - 7

  1. cl - Console Log
  2. cls - Console Log String
  3. el - Event Listener
  4. oe - On Event
  5. race - React Arrow functional Component Export
  6. ac - Arrow functional Component
  7. acp - Arrow functional Component with Props
  8. amir - return jsx while mapping an array

Snippets

cl - Console Log

console.log();

cls - Console Log String

console.log('');

el - Event Listener

element.addEventListener('event', (e) => {});

oe - On Event

onEvent={(e) => {}}

race - React Arrow functional Component Export

import React from 'react';

const FileName = () => {
  return(
    <>
      
    </>
  )
}
export default FileName;

ac - Arrow functional Component

const componentname = () => {
  return (
    <>
      
    </>
  )
}

acp - Arrow functional Component with Props

const ComponentName = ({props}) => {
  return (
    <>
      
    </>
  )
}

amir - return jsx while mapping an array

{array.map(item => {
  return(
    <element
      key={item.key}
    >
      
    </element>
  )
})}

Contributing

Contributions are always welcome!

The repo

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft