This card describes four variants, that add a more intuitive workflow when working with nested attributes in Rails + Unpoly:
When an AJAX request raises an exception on the server, Rails will show a minimal error page with only basic...
Debugging performance issues in your Rails app can be a tough challenge. To get more detailed insights consider using the...
Quick reference for passing data from Rails to JavaScript via Unpoly compilers. Haml Attribute Syntax # Ising hash rockets and string...
Unpoly's [up-observe], [up-autosubmit] and [up-validate] as well as their programmatic variants up.observe() and up.autosubmit...
}) // Simple attribute = form.text_field :start_date, 'date-picker' => true // With configuration (see unpoly-data-passing.md for details) %table.calendar{ planner: true, 'up-data': { type: @angle, view: @data }.to_json } Pros: Semantic...
Say you wrap your index view in a form to apply different filters like pagination or a search query. On...
...fragment, the server renders a normal page, only the target is swapped — and what the unpoly-rails gem adds on the server side. You can enhance links and forms so...
...we're breaking up with JavaScript frontends — Henning's slides on the idea behind Unpoly 📄 unpoly-rails README — how the gem complements the frontend library 🎮 Unpoly demo app with its...
Version 3.7.0 broke some things in complex forms. Sorry for that. Concurrent user input is hard. 3.7.1 This change fixes...
The attached compiler() function below applies JavaScript behavior to matching HTML elements as they enter the DOM. This works like...
Real forms are rarely static. A field is only shown when another has a certain value, a title is checked...
You can use Unpoly's up.on with a named listener function and immediately unbind this event listener with { once: true...
Usually, Unpoly compiler destructors are returned from the compiler function. However, when using async compiler functions, you can not register...
...all forms, ...) without having to specify the selector on every link, as described here: https://unpoly.com/up.link.config. Make sure to always exclude your download links, otherwise your downloads won't...
shoelace is a library of web components. Here is a proof of concept how a integration (slightly different as the...
When your JavaScript bundle is so massive that you cannot load it all up front, I would recommend to load...
In Ruby on Rails, all objects have a useful blank? method. It returns true for nil but also for empty...
An end-to-end test (E2E test) is a script that remote-controls a web browser with tools like Selenium...
When building a form with a file select field, you may want to offer your users a live preview before...
A flaky test is a test that is often green, but sometimes red. It may only fail on some PCs...
Having a unique selector for an element is useful to later select it from JavaScript or to update a fragment...
Unpoly 0.60.0 works with or without jQuery Is jQuery slow? From: Sven To: unpoly@googlegroups.com Subject: performance on smartphones and tablets Hello I just used your framework in one project...
...event.originalEvent. Exercise: Migrating to Unpoly 0.60 while removing jQuery Show how to remove jQuery from unpoly-guide Start with b496388be0d5c995ca60badf45f7acdbb76b284b Just grep for "$" and rewrite occurences like a robot
Jasmine specs for the frontend often need some DOM elements to work with. Because creating them is such a common...
By default, Google Analytics tracks the current URL for every request. Sometimes you will want to track another URL instead...