Clear the comment form

Preview unavailable

You must log in or sign up to view this lesson.

LoginSign up

Interactive Rails with StimulusReflex

Buy nowLearn more

Getting started

  • Bootstrap a Rails app
  • Install StimulusReflex

A basic task list

  • Display lists
  • Display incomplete tasks
  • Display complete tasks2
  • Seed the database
  • Complete a task1
  • Undo a completed task
  • Refactor to a partial
  • Delete a task3

Adding new tasks

  • Add a new task
  • Clear the form
  • More lifecycle methods

Expanding the task list

  • Server-side callbacks
  • Validate a new task1
  • Sorting tasks1

Working with others

  • Add users to the application
  • Track who adds a task
  • Assign a task to a user2
  • 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 reflexes2
  • 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 Patterns2