Interactive Rails with StimulusReflex
Buy now
Learn more
Getting started
Bootstrap a Rails app
Install StimulusReflex
A basic task list
Display lists
Display incomplete tasks
Display complete tasks
Seed the database
Complete a task
Undo a completed task
Refactor to a partial
Delete a task
Adding new tasks
Add a new task
Clear the form
More lifecycle methods
Expanding the task list
Server-side callbacks
Validate a new task
Sorting tasks
Working with others
Add users to the application
Track who adds a task
Assign a task to a user
Real-time assignees
Track who completes a task
Editing tasks
Edit a task in the DOM
Update a task with Reflex
Clean up the task editing UX
Multiple task lists
CableReady intro and setup
Add a new list form
Save a new list
Validate a new list
Bug fixes
Delete a list
Adding multiple lists
Scoping reflexes
Task comments
Add a task comments page
Add new comments
Channel refactoring
Clear the comment form
Validate a comment
Live updating
Prepare for live updates
Broadcast newly added tasks
Broadcast task completion
Broadcast task "incompletion"
Broadcast task deletion
Add a team model
Broadcast list creation
Broadcast list deletion
Testing StimulusReflex
Install RSpec
Testing reflexes
Testing broadcasts
Testing morphs
Testing params
Final touches
Devise views
Account creation
Scoping teams
Securing reflexes
Logging out
Using Heroicons
Deploy to Heroku
Extras
StimulusReflex Patterns
Products
Course
Section
Lesson
CableReady intro and setup
CableReady intro and setup
Interactive Rails with StimulusReflex
Buy now
Learn more
Getting started
Bootstrap a Rails app
Install StimulusReflex
A basic task list
Display lists
Display incomplete tasks
Display complete tasks
Seed the database
Complete a task
Undo a completed task
Refactor to a partial
Delete a task
Adding new tasks
Add a new task
Clear the form
More lifecycle methods
Expanding the task list
Server-side callbacks
Validate a new task
Sorting tasks
Working with others
Add users to the application
Track who adds a task
Assign a task to a user
Real-time assignees
Track who completes a task
Editing tasks
Edit a task in the DOM
Update a task with Reflex
Clean up the task editing UX
Multiple task lists
CableReady intro and setup
Add a new list form
Save a new list
Validate a new list
Bug fixes
Delete a list
Adding multiple lists
Scoping reflexes
Task comments
Add a task comments page
Add new comments
Channel refactoring
Clear the comment form
Validate a comment
Live updating
Prepare for live updates
Broadcast newly added tasks
Broadcast task completion
Broadcast task "incompletion"
Broadcast task deletion
Add a team model
Broadcast list creation
Broadcast list deletion
Testing StimulusReflex
Install RSpec
Testing reflexes
Testing broadcasts
Testing morphs
Testing params
Final touches
Devise views
Account creation
Scoping teams
Securing reflexes
Logging out
Using Heroicons
Deploy to Heroku
Extras
StimulusReflex Patterns
In this video, we'll take a very high-level overview at the CableReady library, as well as set up an ActionCable channel for CableReady to do its magic. ⚡️
Links:
Example CableReady setup
Source code