Skip to content

Commit 6be99d6

Browse files
richajustin808
richa
authored and
justin808
committed
Actioncable - React (#355)
Actioncable with React * updates comments in real time * added 'Refresh' link to load comments manually
1 parent a451b3b commit 6be99d6

File tree

22 files changed

+102
-18
lines changed

22 files changed

+102
-18
lines changed

‎Gemfile‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -27,6 +27,7 @@ gem "coffee-rails"
2727

2828
# Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder
2929
gem "jbuilder"
30+
gem 'redis'
3031

3132
# bundle exec rake doc:rails generates the API under doc/api.
3233
gem "sdoc", group: :doc

‎Gemfile.lock‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -206,6 +206,7 @@ GEM
206206
foreman
207207
rails (>= 3.2)
208208
rainbow (~> 2.1)
209+
redis (3.3.0)
209210
rspec-core (3.5.4)
210211
rspec-support (~> 3.5.0)
211212
rspec-expectations (3.5.0)
@@ -330,6 +331,7 @@ DEPENDENCIES
330331
rails-html-sanitizer
331332
rainbow
332333
react_on_rails (~> 6.1)
334+
redis
333335
rspec-rails (~> 3)
334336
rspec-retry
335337
rubocop

‎app/channels/application_cable/channel.rb‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
module ApplicationCable
2+
class Channel < ActionCable::Channel::Base
3+
end
4+
end

‎app/channels/application_cable/connection.rb‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
module ApplicationCable
2+
class Connection < ActionCable::Connection::Base
3+
end
4+
end

‎app/channels/comments_channel.rb‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
class CommentsChannel < ApplicationCable::Channel
2+
def subscribed
3+
stream_from "comments"
4+
end
5+
end

‎app/jobs/application_job.rb‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
class ApplicationJob < ActiveJob::Base
2+
end

‎app/jobs/comment_relay_job.rb‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
class CommentRelayJob < ApplicationJob
2+
def perform(comment)
3+
ActionCable.server.broadcast "comments", comment unless comment.destroyed?
4+
end
5+
end

‎app/models/comment.rb‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
11
class Comment < ActiveRecord::Base
2-
validates_presence_of :author
3-
validates_presence_of :text
2+
validates :author, :text, presence: true
3+
after_commit { CommentRelayJob.perform_later(self) }
44
end

‎app/views/layouts/application.html.erb‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,6 @@
2222
<body>
2323

2424
<%= react_component "NavigationBarApp" %>
25-
2625
<div class="container">
2726
<%= yield %>
2827
</div>

‎client/app/bundles/comments/actions/commentsActionCreators.js‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -27,6 +27,13 @@ export function fetchCommentsFailure(error) {
2727
};
2828
}
2929

30+
export function messageReceived(comment) {
31+
return {
32+
type: actionTypes.MESSAGE_RECEIVED,
33+
comment,
34+
};
35+
}
36+
3037
export function submitCommentSuccess(comment) {
3138
return {
3239
type: actionTypes.SUBMIT_COMMENT_SUCCESS,

0 commit comments

Comments
 (0)