Question 1

How to install Cocoon in Rails 6 with Webpacker?

Accepted Answer

Add the gem to your Gemfile, install the companion npm package with 'yarn add @nathanvda/cocoon', and require it in your application.js pack. This is detailed in the Rails 6/Webpacker section of the README.

Question 2

Cocoon vs nested_form gem: which is better?

Accepted Answer

Cocoon is jQuery-based and offers more customization with callbacks and insertion control, while nested_form might be simpler for basic use. Choose based on your project's need for flexibility versus simplicity, and whether you're already using jQuery.

Question 3

How to add animations when removing fields in Cocoon?

Accepted Answer

Use JavaScript callbacks like cocoon:before-remove to add effects, such as setting a timeout with $(this).data('remove-timeout', 1000) and fading out the element, as shown in the callbacks example.

Question 4

Does Cocoon work with has_many through associations?

Accepted Answer

Yes, but you need to set up nested attributes correctly in models and controllers. The README mentions support for nested forms, though specific examples for has_many through are not provided in the core documentation.

Question 5

How to use I18n for add and remove links in Cocoon?

Accepted Answer

Define translation keys under the cocoon scope in your locale files, such as en.cocoon.tasks.add, and Cocoon will automatically use them if no name is provided in the helper, as explained in the I18n section.

Question 6

Can Cocoon handle complex form validations?

Accepted Answer

Cocoon focuses on nested field management, not advanced validations. You'll need to rely on Rails' built-in validation or custom JavaScript for complex client-side checks, as it only provides basic nested form handling.

cocoon

Overview

Use Cases

Not Ideal For

Pros & Cons

Pros

Related Projects

Found a gem we're missing?

Cons

Frequently Asked Questions