react-atom-snips

Reactjs snippets vscode like for Atom
haikelfazzani
347
Flag as spam or malicious

React js snippets for Atom

Usage

apm install react-atom-snips

Snippets

Name Snippet
import React from 'react'; imr
import React,{ Component } from 'react'; imrc
Export default ed
function component rfc
class component rcc
createRef createref
createContext createcontext

Hooks

Name Snippet
useState hook usestate
useEffect hook useeffect
useCallback hook usecallback
useContext hook usecontext
useReducer hook usereducer
useMemo hook usememo
useRef hook useref

Custom hooks

Name Snippet
useFetch custom hook usefetch
useStore custom hook usestore

ReactDom

Name Snippet
render() rrdom
createPortal() rcp

Typechecking With PropTypes

Name Snippet
PropTypes rproptypes

React lists

Name Snippet
elements rcmap 
const numbers = [1, 2, 3, 4, 5];
const listItems = numbers.map((number) => <li key={number}>{number}</li>);

Contributing

  1. Fork repository
  2. Create your branch: git checkout -b my-new-branch
  3. Commit your changes: git commit -m 'Add some new features'
  4. Push to the branch: git push origin my-new-branch
  5. Submit a pull request ✔

Contributions are greatly appreciated. Please feel free..

License

MIT