JSX의 세계에 온 것을 환영한다! 나는 JSX가 React의 매우 훌륭한 기능 중 하나라고 생각한다. 그렇지만 동시에, 내가 대화를 나눴던 몇몇 개발자 입장에서는 논쟁거리이기도 했다. (그들이 React를 이용한 큰 애플리케이션을 다뤄본 적이 없다는 것은 놀라운 일도 아니다.)

지금까지 우리는 React 엘리먼트와 컴포넌트를 생성해서 사용자 정의 엘리먼트를 이용하고 더 나은 UI 구성 방법도 살펴봤다. HTML을 다루는 대신 자바스크립트를 사용해서 React 엘리먼트를 생성했다. 그렇지만 한 가지 문제가 있다. 다음 코드를 살펴보고, 무슨 일이 벌어지고 있는지 이야기해보자.

render() {
  return React.createElement(
      'div',
      { style: this.styles },
      React.createElement(
          'p',
          null,
          React.createElement(
              reactRouter.Link,
              { to: this.props.returnTo },
              'Back'
          )
      ),
      this.props.children
  );
}