Content-Length: 284067 | pFad | https://github.com/swaroopRajwal/react-code-snippets

44 GitHub - swaroopRajwal/react-code-snippets: A code snippets extension for VSCode and self
Skip to content

swaroopRajwal/react-code-snippets

Repository files navigation

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

About

A code snippets extension for VSCode and self

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published








ApplySandwichStrip

pFad - (p)hone/(F)rame/(a)nonymizer/(d)eclutterfier!      Saves Data!


--- a PPN by Garber Painting Akron. With Image Size Reduction included!

Fetched URL: https://github.com/swaroopRajwal/react-code-snippets

Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy