react.js-어떤 확장자를 사용할까요- '.jsx'또는 '.js'?

react.js-어떤 확장자를 사용할까요- '.jsx'또는 '.js'?

---

내 앱에 더 좋은 것이 무엇인지 알아 내려고 노력하고 있습니다.

1. .jsx확장을 사용 하지만 다음과 같은 require 함수에 명시적인 확장이있는 구성 요소가 필요합니다.require('MyComponent.jsx');

2. .js확장 기능을 사용 하는 것은 좋지만 require('MyComponent);Sublime을 해킹하여 적절하게 린트하고 구문을 강조 표시해야합니다.

당신의 경험은 무엇입니까?

---

신규 사용자를위한 업데이트

JSXTransformer가 더 이상 사용되지 않기 때문에 JSX Compiler 도구가 제거되었습니다. React Team은 Babel REPL 과 같은 다른 도구를 사용할 것을 권장 합니다.

---

당신이 유지하고자하는 경우 JSX 소스 코드를 더 유지 보수에 대한 손상을, 나는 그들을 유지하는 것 .jsx파일입니다. 수동으로 또는 빌드 스크립트를 통해 JSX 컴파일러를 사용하면 JSX 구문이 일반 JavaScript 파일로 변환됩니다.

참고 : 프로덕션 환경에서 JSX 파일을 제공 할 수 있지만 React는 console성능 저하에 대한 알림 을 제공합니다 .

---

개인적으로, 나는 같은 것을 사용하는 것이 꿀꺽 - jsx 또는 꿀꺽을-reactify 파일을 변환 할 수 있습니다.

gulp-jsx의 예 :

var gulp = require('gulp');
var jsx  = require('gulp-jsx');

gulp.task('build', function() {
  return gulp.src('path/to/*.jsx')
    .pipe(jsx())
    .pipe(gulp.dest('dist'));
});

참조 URL : https://stackoverflow.com/questions/27887678/react-js-what-extension-to-use-jsx-or-just-js