부록. React snippets(live templates) for JetBrains series editors

음... 오늘은 React 코드 작성시 편리하게 초기 리엑트 컴포넌트 코드를 작성해주는

기능을 하나 소개해 볼까 합니다. +_+

저의 경우 IntelliJ 로 주로 코딩을 하곤 하는데 

처음 js 파일 생성을 누르고 React Component 를 작성하려고 하면 

매번 적어줘야 하는 아주아주 귀찮은 코드들이 아래처럼 있는데요.

/**
 * Created by 1002720 on 2016. 9. 23..
 */
import React from 'react';

class Sample extends React.Component {
    render() {
        return (
        )
    }
}

export default Sample;

이런 코드 skeleton 을 간단하게 해주는 기능입니다.

https://github.com/minwe/jetbrains-react

위 페이지에 가시면 자세히 설명되어 있습니다.

Command + j 를 누르면 선택할 수 있구요. 저는 주로 rcls 와 rpfc 를 씁니다.
 

rcls

import React, {
  Component,
  PropTypes,
} from 'react';

class $COMPONENT$ extends Component {
  render() {
    return (
      
$END$
    );
  }
}

$COMPONENT$.propTypes = {};
$COMPONENT$.defaultProps = {};

export default $COMPONENT$;

rpfc

import React, {
  PropTypes,
} from 'react';

const $COMPONENT$ = ($PARAMETER$) => {
  return (
    
$END$
  );
};

$COMPONENT$.propTypes = {};
$COMPONENT$.defaultProps = {};

export default $COMPONENT$;

 위와 같이 componet 의 skeleton 이 생성됩니다.

빠르게 리액트 코드를 치시는데 도움되시기를!! :)