React Code Snippets: 알면 간zi남

React Code Snippets
React 컴포넌트를 빠르게 생성해주는 템플릿 스니펫

간지zzang 가보자고~!

1. vscode 익스텐션 설치

2. 코드 작성

명령어만 작성하면 끝!

• imr

import React from 'react';

• rafce: Arrow Function Component Export (화살표 함수 형태의 컴포넌트 + export default 포함)

  import React from 'react';
  
  const ComponentName = () => {
    return <div></div>;
  };
  
  export default ComponentName;

• rfc: React Function Component (일반 함수형 컴포넌트)

  import React from 'react';
  
  function ComponentName() {
    return <div></div>;
  }
  
  export default ComponentName;

• rfce: React Functional Component Export (함수형 컴포넌트 + export default 포함)

  import React from 'react'
  
  function Home() {
    return (
      <div>Home</div>
    )
  }
  
  export default Home