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