Airbnb React/JSX 스타일 가이드

1 개요

Airbnb React/JSX Style Guide

Airbnb 리액트/JSX 스타일 가이드

• "React와 JSX에 대한 가장 합리적인 접근"
• https://github.com/airbnb/javascript/tree/master/react

2 주요 내용

클래스 생성

// bad
const Listing = React.createClass({
  render() {
    return <div />;
  }
});

// good
class Listing extends React.Component {
  render() {
    return <div />;
  }
}

이름짓기

• 컴포넌트는 PascalCase, 인스턴스는 camelCase

// bad
const reservationCard = require('./ReservationCard');

// good
const ReservationCard = require('./ReservationCard');

// bad
const ReservationItem = <ReservationCard />;

// good
const reservationItem = <ReservationCard />;

3 같이 보기

• Airbnb
• React
• JSX

4 참고

• https://github.com/airbnb/javascript/tree/master/react