3

Newbie here, I've recently implemented the webpacker gem in my react-rails project. Being new to webpack and react, this gem makes a lot of sense to me coming from a rails background.

i'm wondering if it were possible to use the react-rails gem in my rails webpacker project so we could still use the view helper method like this:

<%= react_component('MyComponent', @controller_value.to_json)%>

if not, is there a reason why?

Thanks for any input! :)

user1337902
  • 236
  • 3
  • 11
  • 3
    you can check this out: https://github.com/perezperret/react-rails-expenses ran into it while reading into `webpacker`'s github issues. – oobgam Mar 04 '17 at 13:36
  • dooooooood very nice! I'm taking a look through your set up, i entirely agree with your thought process in install. :) – user1337902 Mar 04 '17 at 23:46
  • didn't make that repo, but I also agree with the thought process behind it. Cheers! – oobgam Mar 07 '17 at 11:40
  • oh nice! thanks and good job for giving the proper credit when due :) – user1337902 Mar 09 '17 at 18:41

2 Answers2

2

First you need to install node- I used nvm,

and install yarn- link.

Then, add these lines to your Gemfile:

gem 'webpacker', '~> 2.0'
gem 'react-rails'

then run

bundle install
rails webpacker:install
rails webpacker:install:react
rails generate react:install

This will create the necessary files in app/javascript (not app/assests/javascripts) and config files.

Now add <%= javascript_pack_tag 'application' %> to the appropriate layout file, like app/views/layouts/application.html.erb

Finally you will need to run ./bin/webpack-dev-server in a separate terminal, along with rails server.

That's it. Now you can use 

<%= react_component('MyComponent', @controller_value) %>

Here MyComponent will be defined in app/javascript/components/MyComponent.js

Vedant Agarwala
  • 18,146
  • 4
  • 66
  • 89
0

You can use another gem for this

--> #react_on_rails (5.2.0)

$ bundle show react_on_rails
--> #- /Users/mark/.rvm/gems/ruby-2.1.2/gems/react_on_rails-5.2.0

Isn't the helper supposed to be included something like this?:

See http://pothibo.com/2013/06/customize-rails-view-controller-with-railtie/ and https://github.com/reactjs/react-rails/blob/master/lib/react/rails/railtie.rb#L42-L44

Hear is the example of gem react_on_rails and gem react-rails

https://learnetto.com/blog/rails-data-react-component-webpacker

Abhi
  • 1
  • 3