20 Primer on Rails 5.1's new UJS library
Javascript and CSS Asset Pipeline Series
1. Including Javascript and CSS Libraries With Rails 2. Clean Javascript Code Using Data-Behavior On The Frontend 3. How To Create A Gem For Frontend Javascript And CSS Libraries 4. Manage Assets With Rails Assets 5. Using Purchased Themes with Rails 6. Using Bootstrap 4 Rubygem with Rails 7. Sharing Data With Javascript 8. Primer on Rails 5.1's new UJS library 9. How To Use Turbolinks clearCache() 10. Migrating From jQuery to Vanilla Javascript 11. Stimulus JS Framework Introduction 12. How to use Tailwind CSS with RailsEpisode 186 · May 9, 2017
Learn how the new Rails UJS library works and compares with the old version of jquery_ujs that it replaces
Discussion
Hey Chris, thanks for this guided tour, very useful! Rails.ajax(...) will be super helpful.
I found some other changes in UJS behaviour since the rewrite, particularly in handleRemote's function call signature and in the parameters to ajax:success events. I've written my notes up here: https://inopinatus.org/2017...
This was an enlightening episode. Thanks for digging into the source to show us what's going on behind the scenes.
While discussing `Rails.linkClickSelector`, you mentioned, "you could be able to append stuff and move stuff from it as necessary." I'd like to ask you about that.
I would like to build a "verify" dialog box for deleting certain resources in one of my projects. The dialog box would work like the github dialog box for deleting a repo, in that you have to type the name of the resource in order to delete it. The idea is to make it impossible to inadvertently delete a resource.
The syntax I envision would be something like this:
```
link_to 'Delete event', event_path(@event),
method: :delete,
data: {
verify: {
message: 'NOTE: This will delete the event and all associated efforts and split times. This action cannot be undone. To verify, type the name of the event below and click Continue',
key: @event.name}
},
class: 'btn btn-sm btn-danger'
```
Do you have any ideas how to go about implementing something like this?
Login or create an account to join the conversation.