turbo-search
stimulus-use
turbo-search | stimulus-use | |
---|---|---|
1 | 9 | |
0 | 1,392 | |
- | 1.3% | |
10.0 | 8.6 | |
over 1 year ago | 10 days ago | |
Ruby | JavaScript | |
- | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
turbo-search
-
A powerful search feature with what Rails provides out of the box
First, I created a minimal rails app using the following command line:
stimulus-use
-
A powerful search feature with what Rails provides out of the box
You can see that I added a dependency here: stimulus-use.
-
Discover Symfony UX’s Twig Components. UI without JS or BS.
“stimulus-use: Add composable behaviors to your Stimulus controllers, like debouncing, detecting outside clicks and many other things.
-
RVTWS: a Ruby stack for modern web apps
Actually, Stimulus is pretty cool because you can compose multiple pre-built behaviors into one Stimulus controller, for a sort of functional approach to component behaviors. The tradeoff is that a growing web of Stimulus controllers (plus HTML data attributes associated with them) can become complex and hard to understand.
-
Tailwind style CSS transitions with StimulusJS
The stimulus-use project is a collection of reusable behaviors for Stimulus. If you are familiar with React, this project is similar to React’s hooks system, but for Stimulus controllers.
-
Pagination and infinite scrolling with Rails and the Hotwire stack
To make using the IntersectionObserver API easier, we will add the wonderful stimulus-use package to our application. This is not a requirement, but it does simplify the code a bit.
- Autocomplete search with Hotwire (zero lines of Stimulus or other JS)
-
Upgrade to Stimulus 3, say bye to IE11, and celebrate 🎉
Finally, as we recently added the Stimulus-Use library to our project, we made sure to upgrade it to current beta which supports Stimulus 3.
-
Hotwire: best practices for stimulus
As you’ll see below, I am importing useClickOutside from stimulus-use, it’s a great library with small, composable helpers, I urge you to check it out!
-
Migrating Selenium system tests to Cuprite
For example, we have a few ”live search“ fields, backed by back-end Fetch requests, on some pages. The live search function was usually triggered by the keyup event and Cuprite was such a fast typewriter that it frequently sent multiple requests almost at once. If some of the responses got a bit late or out of sync, the front-end JavaScript code began hitting issues. We solved this by adopting a technique called debouncing and, frankly, we should have done this since the beginning. By the way, we used the useDebounce module from the marvelous Stimulus-use library to achieve this.
What are some alternatives?
all_futures - A Redis ORM for reactive applications. Quacks just like Active Record. 🦆
Capybara - Acceptance test framework for web applications
dropzone - Dropzone is an easy to use drag'n'drop library. It supports image previews and shows nice progress bars.
hotwire-example-template - A collection of branches that transmit HTML over the wire.
cuprite - Headless Chrome/Chromium driver for Capybara
cssui - A collection of interactive UI components in pure CSS
ferrum - Headless Chrome Ruby API
tailwindcss-rails
Selenium WebDriver - A browser automation framework and ecosystem.
puffing-billy - A rewriting web proxy for testing interactions between your browser and external sites. Works with ruby + rspec.
phantomjs - Scriptable Headless Browser
stimulus-autocomplete - Stimulus autocomplete component