자바스크립트로만 작성한 다음 코드에 비해 예제 코드 3.3이 읽기 편한 것이 느껴지는가?
class HelloWorld extends React.Component {
render() {
return React.createElement('div',
null,
React.createElement('h1', null, '1. Hello world!'),
React.createElement('h1', null, '2. Hello world!'))
}
}
ReactDOM.render(
React.createElement(HelloWorld, null),
document.getElementById('content')
)
Note
앞에서도 이야기했지만, 경험이 있는 자바스크립트 개발자 입장에서는 자바스크립트 코드에서 화살괄호를 보는 것이 이상할 것이다. 나도 처음 보고는 머리가 확 돌아버릴 것만 같았다. 오랜 기간 동안 자바스크립트 문법 오류를 찾아내기 위해 스스로 수련해왔기 때문이다! 화살괄호는 JSX에 관한 대표적인 논쟁거리이고, 내가 듣기로도 JSX를 거부하는 주요 이유 중 하나이기도 하다. 이런 이유로 이 책의 앞부분에서 일찍 JSX를 다뤄서 가능한 한 더 많이 JSX를 경험할 수 있도록 했다.