React Snippet 자주사용하는 것들

rcc 를 통한 컴포넌트 생성

 

import React, { Component } from 'react';

class $TM_FILENAME_BASE$ extends Component {
 render() {
  return (
   <div>
    $END$
   </div>
  );
 }
}

export default $TM_FILENAME_BASE$;

rsc 를 통하여 함수형 컴포넌트 생성

import React from 'react';

const $componentName$ = () => {
    return (
        <div>
            $END$
        </div>
    );
};

export default $componentName$;

 추가로 책 보며 내가 넣은

 

ara_style

import styles from '$CURSOR$';
import classNames from 'classnames/bind';
const cx = classNames.bind(styles);