Integrating React.js with Rails using Hyperloop:
*Adding a simple react component written in ruby to your Rails app
Adding a simple react component written in ruby to your Rails app
suggest change- Add the hyperloop gem to your rails (4.0 - 5.1) Gemfile
bundle install- Add the hyperloop manifest to the application.js file:
javascript // app/assets/javascripts/application.js … //= hyperloop-loader
- Create your react components, and place them in the
hyperloop/componentsdirectory ```
# app/hyperloop/components/hello_world.rbclass HelloWorld < Hyperloop::Componentafter_mount doevery(1.second) { mutate.current_time(Time.now) }endrender do"Hello World! The time is now: #{state.current_time}"endend5. Components act just like views. They are "mounted" using the `render_component` method in a controller:# somewhere in a controller:...def hello_worldrender_component # renders HelloWorld based on method nameend
Found a mistake? Have a question or improvement idea?
Let me know.