React.js: отделить код React.js от HTML ⇐ Jquery

[Anonymous]

Я новичок в React.js и только пробую его. В моем index.html есть следующий код:

Код: Выделить всё

var galleryData = [
{ smallURL: "https://farm6.static.flickr.com/5650/22151329006_9d32e48fe9_s.jpg", bigURL: "https://farm6.static.flickr.com/5650/22151329006_9d32e48fe9_b.jpg", title: "Nothing Gold Can Stay" },
{ smallURL: "https://farm6.static.flickr.com/5650/22151329006_9d32e48fe9_s.jpg", bigURL: "https://farm6.static.flickr.com/5650/22151329006_9d32e48fe9_b.jpg", title: "Nothing Gold Can Stay"}
];

var ThumbNail = React.createClass({
render: function(){
return ([url={this.props.data.bigURL} title={this.props.data.title} data-gallery=]
[img]{this.props.data.smallURL} /[/img]
[/url]);
}
});
....

Мой вопрос прост, но я слишком туп, чтобы разобраться это:
Могу ли я отделить весь скрипт внутри этого тега в другой файл и ссылаться на него, как мы делаем это с файлом javascript обычным способом?

Если да, то какое расширение у этого файла и как я могу ссылаться на него в своем HTML?


Подробнее здесь: https://stackoverflow.com/questions/335 ... -from-html