Receptive is a toolkit that will help you add behavior to your existing, server-generated HTML. It's not intended for single-page-application but rather about taking care of specific DOM nodes.
This is perfect for you if:
- you have a bunch of jQuery stuff around and always wanted to organize it properly
Add this line to your application's Gemfile:
And then execute:
How it works
Just keep your HTML as it is:
<div class="hello-world"> <input type="text"> <button>Greet</button> <span class="output"></span> </div>
Then write a view with a reference to it:
class HelloWorld extend Receptive::View self.selector = ".hello-world" on(:click, 'button') do |event| @greeting_text = find('input').text render! end def self.render find('.output').text = @greeting_text end end
Read on in the handbook
- script[async] compatible
- pjax/turbolinks compatible
After checking out the repo, run
bin/setup to install dependencies. Then, run
rake test to run the tests. You can also run
bin/console for an interactive prompt that will allow you to experiment.
To install this gem onto your local machine, run
bundle exec rake install. To release a new version, update the version number in
version.rb, and then run
bundle exec rake release, which will create a git tag for the version, push git commits and tags, and push the
.gem file to rubygems.org.
Bug reports and pull requests are welcome on GitHub at https://github.com/elia/receptive.
The gem is available as open source under the terms of the MIT License.