Interactive Rails with StimulusReflex
by
Jason Charnes
Login
Buy for $99
Add a new task
Interactive Rails with StimulusReflex
/
Adding new tasks
In this video, we'll learn how to tie Rails forms into StimulusReflex. We'll create a form for adding a new task and explore how we can orchestrate the entire creation of a task without a page refresh.
Links:
Bootstrap form
Interactive Rails with StimulusReflex
Learn how to use StimulusReflex and CableReady to build a reactive web application your users will love.
THIS COURSE IS EARLY ACCESS. The course is not yet complete, but is available to purchase. Read more about that below.
Buy for $99
Learn more
Already enrolled?
Sign in to continue learning.
Table of contents
Interactive Rails with StimulusReflex
by
Jason Charnes
ui-24px-outline-1_lock
Getting started
Getting started
Draft
Bootstrap a Rails app
Draft
Bootstrap a Rails app
Draft
Install StimulusReflex
Draft
Install StimulusReflex
ui-24px-outline-1_lock
A basic task list
A basic task list
Draft
Display lists
Draft
Display lists
Draft
Display incomplete tasks
Draft
Display incomplete tasks
Draft
Display complete tasks
Draft
Display complete tasks
Draft
Seed the database
Draft
Seed the database
Draft
Complete a task
Draft
Complete a task
Draft
Undo a completed task
Draft
Undo a completed task
Draft
Refactor to a partial
Draft
Refactor to a partial
Draft
Delete a task
Draft
Delete a task
ui-24px-outline-1_lock
Adding new tasks
Adding new tasks
Draft
Add a new task
Draft
Add a new task
Draft
Clear the form
Draft
Clear the form
Draft
More lifecycle methods
Draft
More lifecycle methods
ui-24px-outline-1_lock
Expanding the task list
Expanding the task list
Draft
Server-side callbacks
Draft
Server-side callbacks
Draft
Validate a new task
Draft
Validate a new task
Draft
Sorting tasks
Draft
Sorting tasks
ui-24px-outline-1_lock
Working with others
Working with others
Draft
Add users to the application
Draft
Add users to the application
Draft
Track who adds a task
Draft
Track who adds a task
Draft
Assign a task to a user
Draft
Assign a task to a user
Draft
Display an assignee in real-time
Draft
Display an assignee in real-time
Draft
Track who completes a task
Draft
Track who completes a task
ui-24px-outline-1_lock
Editing tasks
Editing tasks
Draft
Edit a task in the DOM
Draft
Edit a task in the DOM
Draft
Update a task with Reflex
Draft
Update a task with Reflex
Draft
Clean up the task editing UX
Draft
Clean up the task editing UX
ui-24px-outline-1_lock
Multiple task lists
Multiple task lists
Draft
CableReady intro and setup
Draft
CableReady intro and setup
Draft
Add a new list form
Draft
Add a new list form
Draft
Save a new list
Draft
Save a new list
Draft
Validate a new list
Draft
Validate a new list
Draft
Bug fixes
Draft
Bug fixes
Draft
Delete a list
Draft
Delete a list
Draft
Adding multiple lists
Draft
Adding multiple lists
Draft
Scoping reflexes
Draft
Scoping reflexes
ui-24px-outline-1_lock
Task comments
Task comments
Draft
Add a task comments page
Draft
Add a task comments page
Draft
Add new comments
Draft
Add new comments
Draft
Refactor the comments channel
Draft
Refactor the comments channel
Draft
Clear the comment form
Draft
Clear the comment form
Draft
Validate a comment
Draft
Validate a comment
ui-24px-outline-1_lock
I've finished the course
I've finished the course
Draft
StimulusReflex Patterns
Draft
StimulusReflex Patterns
Welcome!
Enter your info below to login.
Your email
Your password
Login
Forgot your password?