Essential Books

Adding a simple react component written in ruby to your Rails app

suggest change
  1. Add the hyperloop gem to your rails (4.0 - 5.1) Gemfile
  2. bundle install
  3. Add the hyperloop manifest to the application.js file:

javascript // app/assets/javascripts/application.js … //= hyperloop-loader

  1. Create your react components, and place them in the hyperloop/components directory ``` 
# 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}"endend
5. 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.

Feedback about page:

Feedback:
Optional: your email if you want me to get back to you:

Integrating React.js with Rails using Hyperloop:
* Integrating React.js with Rails Using Hyperloop
* Adding a simple react component written in ruby to your Rails app
* Callbacks
* Declaring component parameters props
* HTML Tags
* Event Handlers
* States
Table Of Contents
0 Getting started with Ruby on Rails
1 Routing
2 ActiveRecord
3 Views
4 ActiveRecord migrations
5 Rails best practices
6 Naming conventions
7 ActionCable
8 ActiveModel
9 User Authentication in Rails
10 ActiveRecord Associations
11 ActiveRecord validations
12 ActiveRecord Query Interface
13 ActionMailer
14 Rails generate commands
15 Configuration
16 I18N - internalization
17 Using Google Maps with Rails
18 File Uploads
19 Caching
20 ActionController
21 Configuration
22 Safe constantize
23 Rails 5
24 Authorization with CanCan
25 Mongoid
26 Gems
27 Change default timezone
28 Asset pipeline
29 Upgrading Rails
30 ActiveRecord locking
31 Debugging
32 Configure Angular with Rails
33 Rails logger
34 Prawn PDF
35 Rails API
36 Deploying a Rails app on Heroku
37 ActiveSupport
38 Form Helpers
39 ActiveRecord transactions
40 RSpec and Ruby on Rails
41 Decorator pattern
42 Elasticsearch
43 React with Rails
44 Rails cookbook
45 Multi-purpose ActiveRecord columns
46 Class organization
47 Shallow Routing
48 Model states AASM
49 Rails 5 API Authentication
50 Testing Rails Applications
51 Active Jobs
52 Rails frameworks over the years
53 Nested form
54 Factory Girl
55 CSV
56 Tools for code optimization and cleanup
57 ActiveJob
58 Active Model serializers
59 Rails Engine - Modular Rails
60 Single Table inheritance
61 ActiveRecord transactions
62 Turbolinks
63 Friendly ID
64 Securely storing authentications keys
65 Authenticate API using Devise
66 Integrating React.js with Rails using Hyperloop
67 Change a default Rails application environment
68 Reserved words
69 Rails-Engines
70 Adding an Amazon RDS
71 Payment features in Rails
72 Rails on docker
73 Contributors