Я разработчик рельсов, изучающий React JS. Чтобы попрактиковаться, я нашел классную ручку для внешнего интерфейса React здесь:
https://codepen.io/deammer/pen/NxmEbe
>It's easier if you view on codepen, the JS is long, babel, main issue is that rails not recognizing when using a view helper, but I'll explain:
помощник вида:
<%= react_component 'app' %>
Я потратил как минимум двенадцать часов на изучение гемов rails-response и webpacker для реализации.
У меня есть приложение rails, предназначенное для экспериментов.
- установлен rails-response gem, нет webpacker.
React JS по ссылке codepen находится внутри:
// app/assets/javascripts/components
имя файла: app.js
У меня такой вопрос:
Посредством упрощенных объяснений того, как реагирует в рельсах камень самоотверждающихся рельсов, например:
// app/assets/javascripts/components/greet_user.jsx`
window.GreetUser = React.createClass({
render: function() {
return (
<h1>Hello {this.props.name}!</h1>
)
}
});
затем, с этим в представлении:
<!-- app/views/greet/index.html.erb -->
<%= react_component('GreetUser', name: 'Icicle') %>
<!-- becomes: -->
<div data-react-class="GreetUser" data-react-props="{"name":"Icicle"}"></div>
Я чувствую, что что-то упустил, возможно, это несовместимость с jsx / babel / js. Пример объяснения для jsx очень прост, он не детализирует метод для реализации сложных проектов переднего плана в конце рельсовых активов. Нужно ли разбивать babelJS на отдельные файлы для каждой функции CRUD / Render / Show? У меня установлен гем Babel-rails, так разве это не разрешает использовать babel в обычном файле JS?
Похоже, я либо слишком усложняю это, и я полный брейлет, либо Reactjs, созданный специально для неопытных био-хакеров в Силиконовой долине с IQ> 211 и существами высшего измерения.
Любая помощь будет принята с благодарностью. Мои глаза в настоящее время сильно сварены экраном моего ноутбука.
С уважением