Rails хелперы в React.js?

Question

[minixomehe]

Вот я такой делал все используя slim (красиво и понятно)

- @test.each do |res|
  = link_to root_url(subdomain: res.url) do
    .images style="background-image: url(#{res.image_url(:images).to_s})"
    - if params[:page].blank?
      h1 = res.title

Потом решил попробовать React.js с его JSX

var Test = React.createClass({
  render: function() {
    var imgUrl = 'http://example.com' + this.props.data.id + '/' + this.props.data.image; // Нифига нельзя работать под дев
    var divImg = {
      backgroundImage: 'url(' + imgUrl + ')'
    };
    return (
      <a href="???">
        <div className="images" background-image={divImg}>
        </div>
        if ???
        <h1>
          {this.props.data.title}
        </h1>
      </a>
      );
  }
});

Я до сих пор не могу придумать как использовать хелперы rails вида root_url(subdomain: res.url), хелперы carrierwave. Мог конечно плохо смотреть, но я не нашел решения.

Как вы уживаетесь с ним?

Answer 1

[Николай Марков]

Вам нужно отдавать из рельсы в реакт уже готовые урлы. В том числе для разных версий файлов из carrierwave. И еще можно писать адрес без домена, тогда будет использоваться текущий домен

Comments

[minixomehe]

На вьюшке т.е. примерно так = react_component 'Test', foo: @bar ? У проекта есть поддомены, с этим тоже проблема.

[Николай Марков]

реакт вы через что используете?

[Николай Марков]

я вот делаю просто js файлы, а все данные получаю по апи через json. и вот в этом json'е у меня и написаны все нужные урлы обычно. я это имел ввиду

[minixomehe]

Николай Марков: Подключил гемом 'react-rails'

[minixomehe]

Николай Марков: А как через json можно получить весь урл к изображению если на сервере у меня хранится тупо имя изображения вида "img_wefjknbioaf.jpg", а тому же carrierwave необходимо указывать тип изображения. Вообщее вопрос не только про изображения, а вообще, если задача без react'a решалась хелпером Rails дефолтным или самописным.

[Николай Марков]

как вы раньше получали урл, так же и тут, только передаете результат (уже готовый урл) в реакт

[Николай Марков]

также как вы передаете this.props.data.id/this.props.data.image

[minixomehe]

Для формирования JSON структуры для отдачи на клиент используете Jbuilder? Или есть иное решение?

[Николай Марков]

minixomehe: ActiveModel::Serializers