이러한 독특함은 JSX 구문 내부에서 객체를 조작하거나 객체의 얕은 동등 비교 문제를 피하기 위해 객체 분해 할당을 하는 등 리액트의 몇 가지 독특한 특징에서 비롯된다.

리액트의 독특한 특징을 이해하려면 리액트에서 자주 사용 되는 자바스크립트 문법을 이해해야 한다.

그리고 자바스크립트 문법을 이해한다면 반대로 리액트가 어떻게 작동하는지도 이해할 수 있다.

또한 다른 언어와 마찬가지로 자바스크립트도 매년 새로운 버전과 함께 새로운 기능이 나온다.

이러한 자바스크립트 표준을 ECMAScript라고 하는데, 작성하고자 하는 자바스크립트 문법이 어느 ECMAScript 버전에서 만들어졌는지도 파악해야 한다.

왜냐하면 모드 브라우저와 자바스크립트 런타임이 
항상 새로운 자바스크립트 문법을 지원하는 것이 아니기 때문이라고한다.

인터넷 익스플로러 11은 ECMAScript5 까지만 지원하기 때문에 최신 자바스크립트 문법을 사용할 수 없다고한다. 만약 서비스하는 웹페이지가 인터넷 익스플로러 11도 지원해야 한다면 코드에서 최신 문법을 제공할 수 없다는 점을 고려해야한다고한다. (ECMAScript 5 이전 문법을 사용해야함)

심지어 웹페이지에 접근하는 사용자의 브라우저와 버전은 개발자와 다르게 항상 최신 버전이 아니고 크롬,사파리,파이어폭스 등 다양한 브라우저들을 사용중 이기 때문에 문법 지원 또한 염두하여 개발해야한다고한다.

이러한 사용자의 다양한 브라우저 환경, 최신 문법을 작성하고 싶은 개발자의 요구를 해결하기 위해 바벨같은 도구들이 등장하고 있다고한다. 바벨은 자바스크립트의 최신 문법을 다양한 브라우저에서도 일관적으로 지원할 수 있도록 코드를 트랜스파일(변환)한다.

바벨이 어떻게 최신 코드를 트랜스파일하는지 , 그 결과 어떤 코드가 생성되는지 이해하면 향후 애플리케이션을 디버깅하는 데 도움이 된다고한다.

인터넷 익스플로러 11의 지원은 종료됐지만 여전히 어느 정도 사용 중이기도 하고, 호환모드를 활성화하면 엣지 환경에서도 인터넷 익스플로러 환경으로 페이지에 접근할 수 있기 때문이다.이 뿐만 아니라 셋톱박스와 같이 업데이트를 쉽게 할 수 없는 구형 기기에서도 ES5만 작동하는 경우가 있으므로 개발을 하는데 ES5기준으로 트랜스파일된 코드를 파악하는 것도 중요하다고한다.