React에 Babel을 사용하면 설정과 ES6용 모듈을 추가하는 것만으로 ES6/ES2015의 추가 기능을 활용하여 개발을 간소화할 수 있다. ECMAScript 표준의 여섯 번째 버전은 개선이 많이 되었고, 이 책을 집필하는 시점에서 모든 최신 브라우저에서 대부분의 기능을 지원한다. 그러나 오래된 브라우저는 ES6로 작성한 새로운 코드를 해석하는 데 어려움을 겪을 수 있다. 또한, 다음 표준인 ES7, ES8이나 먼 훗날에 ES27을 사용하고자 한다면, 일부 브라우저에는 기능 구현이 완료되지 않을 수도 있다.

브라우저의 ES6 또는 ES.Next(가장 최신 기능을 아울러 부르는 이름) 구현이 지연되는 문제를 해결하기 위해 Babel을 사용할 수 있다. Babel은 차세대 자바스크립트 언어를 지원한다(Babel이라는 이름에서 알 수 있듯이 많은 언어를 지원한다). 이 절에서는 다음에 나올 장들에서 사용하는 Babel CLI를 이용한 방법을 설명한다. 이 방법은 최소한의 설정만 필요하고, API를 사용하는 방식과 다르게 Babel API에 대한 지식이 필요하지 않다.

Babel CLI(http://babeljs.io)를 사용하려면 Node.js v6.2.0, npm v3.8.9, babel-cli v6.9.0(www.npmjs.com/package/babel-cli), babel-preset-react v6.5.0(www.npmjs.com/package/babel-preset-react)을 설치해야 한다. Node.js와 React 개발 환경이 빠르게 변화하므로 이 외의 다른 버전의 경우에는 이 책의 예제 코드가 정상적으로 작동하지 않을 수도 있다.

Node.js와 npm을 설치하는 가장 쉬운 방법은 공식 웹사이트(http://nodejs.org)에서 설치 프로그램을 내려받는 것이다(Node.js와 npm을 함께 받을 수 있다). 더 자세한 옵션이나 Babel 설치에 대한 설명은 부록 A를 참고하기 바란다.