React.js - какое расширение использовать - ".jsx" или просто ".js"?

Я просто пытаюсь выяснить, что лучше для моего приложения:

Используйте .jsx extenstion, но мне нужно будет потребовать компоненты с явным расширением в требуемой функции, например require('MyComponent.jsx');
Используйте расширение .js, которое отлично require('MyComponent);, но мне нужно будет взломать Sublime, чтобы правильно их нарисовать и выделить синтаксис.

Каков ваш опыт?

Ответ 1

Обновление для новых пользователей

Инструмент компилятора JSX удален, поскольку JSXTransformer устарел. Команда React рекомендует использовать другой инструмент, например Babel REPL.

Если вы хотите сохранить исходный код JSX для лучшей ремонтопригодности, я бы сохранил их как файлы .jsx. Используя JSX Compiler, либо вручную, либо через build script, преобразует ваш синтаксис JSX в обычные файлы JavaScript.

Примечание. В вашей производственной среде можно обслуживать файлы JSX, но React предоставит вам console уведомления о снижении производительности.

Лично я бы использовал что-то вроде gulp-jsx или gulp-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'));
});