Scribd
Upload
155 views

Stimulus 2 Tutorials Book TOC

This document provides a collection of tutorials for Stimulus.js 2.0 including how to set up Stimulus with Webpack, where to store state data, how to convert jQuery code to Stimulus controllers, updating models from checkboxes, drag and drop functionality, filtering lists, creating editable todo entries, and implementing interactive deletes. It covers basics topics like installation and organization as well as more advanced interactions.

Uploaded by

sobibrown
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
155 views

Stimulus 2 Tutorials Book TOC

This document provides a collection of tutorials for Stimulus.js 2.0 including how to set up Stimulus with Webpack, where to store state data, how to convert jQuery code to Stimulus controllers, updating models from checkboxes, drag and drop functionality, filtering lists, creating editable todo entries, and implementing interactive deletes. It covers basics topics like installation and organization as well as more advanced interactions.

Uploaded by

sobibrown
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 5

John Beatty

Stimulus
Pearls
A Collection Of Stimulus.js Tutorials
Updated for Stimulus.js 2.0

A Collection Of Stimulus.js Tutorial


Updated for Stimulus.js 2.
Introductio
Stimulus.js Tutorial
Setu
Is using Webpack in Rails worth it
Why even consider JavaScript then
If you like Bundler, you’ll like Yarn’s integration into Webpacke
A Slow Slog to Setu
I’d recommend Webpack for your Rails ap
Where do I store my state in Stimulus.js 1
<head> Stat 1
<body> Stat 1
Controller Stat 1
Convert your jQuery snippet to a Stimulus controlle 1
'turbolinks:load' to connect( 1
IDs to Target 1
jQuery Events to Controller Action 1
Leveling u 1
The Possibilities are endles 1
How Do I Update My Model From A Checkbox 1
How Do I Drag and Drop Items in a List 1
How do I lter data in a list or table 2
Let’s Make an In-place Editable Todo Entr 2
Interactive Deletes with Rails UJ 2
The HTM 2
The Stimulus Controlle 3
Ruby Controlle 3
Practice 3

2
p
?
fi
p
L
n
e
e
s
e
r
s
p
r
0
s
)
S
?
?
s
s
?
?
?
p
y
?
r
r
0

Interactivit 3
Implementing Radio Selection in a For 3
Stimulus Controlle 3
Radio Selection Unselec 3
The HTM 3
The Controlle 3
Don’t Lose Unsaved Form Field 3
How 3
HTM 3
Stimulus Controlle 4
Don’t accidentally walk away from your Active Storag 4
How 4
HTM 4
Stimulus Controlle 4
Let’s create an ActionText Editor plugin using Stimulus.j 4
Let’s Add an Emoji Converter to ActionText with Stimulu 5
Adding Stimulu 5
Modeling More Complex Datasets in Rail 5
Using multi select to pare down a large set of dat 5
Refactor the Books index actio 5
Add the new Books Filter Controlle 5
Using Stimulus to Wrap It All Togethe 5
Multiple Selects that Filter Enterprise Data Model 5
Refactor, Refactor, Refacto 5
Refactoring Our Stimulus Controlle 6
Build a Markdown Editor in Stimulus.js like in Vue.j 6
HTML - Vue.j 6
HTML - Stimulus.j 6
JavaScript - Vue.j 6

3
?
?
L
L
L
y
s
r
s
s
r
r
r
s
t
r
n
s
r
r
r
m
s
a
s
s
e
s
s
0

JavaScript - Stimulus.j 6
Conclusio 6
Handling and Templating JSON Response 6
The HTM 6
The Controlle 6
Templating with Stimulu 6
Stimulus loves JSO 6
Grabbing ActionCabl 6
Where to begin 6
Adding Stimulu 7
The HTM 7
The Controlle 7
Asynchronous Interactivit 7
Stimulus + ActionCable + ActiveJob: Loading Asynchronous API Dat 7
Background Service Job 7
ActionCable Channe 7
Stimulus - Commits Controlle 7
The HTML and Controlle 7
Some More Practic 7
I. Use a di erent API endpoin 7
II. Use a real life request identi e 7
Tables in ActionTex 8
Visual Con guratio 8
Trix Addition 8
The Table mode 8
Table ActiveRecor 8
Table Controlle 8
Table View 8
End of First Pas 8

4
n
ff
L
L
fi
s
s
r
r
s
r
?
s
l
d
N
e
n
t
l
e
s
s
s
y
r
r
t
fi
r
s
a
9

Table Editor Controlle 8


Putting it togethe 9
Testing Tables in ActionText Using System Tes 9
Writing the tes 9
Peace of min 94

5
d
t
r
r
t
8

You might also like