[VSCode Extension] Reactjs code snippets

VSCode Extension 중 'Reactjs code snippets' 라는 것이 있다. 이걸 설치하면 새 리액트 파일 생성시 아주 간편하게 기본적인 컴포넌트 포맷을 입력할 수 있다.

 



새 파일을 생성한다. (*Vue.js는 컴포넌트 생성할 때 확장자가 .vue였는데, React.js는 그냥 .js라고 쓴다.)

 

rcc라고 입력후 탭을 누르면 기본적인 클래스 형태의 컴포넌트가 생성된다. 아마도.. 리액트 클래스 컴포넌트의 줄임말이겠지? 

import React, { Component } from 'react';

class PhoneForm extends Component {
  render() {
    return (
      <div>
        
      </div>
    );
  }
}

export default ComponentName;

 

 

rsc라고 입력 후 탭을 누르면 함수형 컴포넌트가 생성된다. 이건 stateless인가보다...

 

import React from 'react';

const a = () => {
  return (
    <div>
      
    </div>
  );
};

export default ComponentName;

 

끝이다!