{"id":18383,"date":"2021-05-24T07:02:41","date_gmt":"2021-05-24T07:02:41","guid":{"rendered":"https:\/\/www.bacancytechnology.com\/blog\/?p=18383"},"modified":"2024-11-13T07:37:01","modified_gmt":"2024-11-13T07:37:01","slug":"cocoon-gem-example-in-rails-6","status":"publish","type":"post","link":"https:\/\/www.bacancytechnology.com\/blog\/cocoon-gem-example-in-rails-6","title":{"rendered":"Cocoon Gem Example: How to Implement Cocoon Gem in Rails 6?"},"content":{"rendered":"

There are innumerable gems available for the ROR framework. Cocoon is one of those gems. If you haven\u2019t explored much about the Cocoon Gem<\/a>, then don\u2019t worry! In this step-by-step guide, we will implement Cocoon gem example and learn more about it. So, get ready to code and integrate cocoon gem!<\/strong><\/p>\n

Introduction<\/h2>\n

In this tutorial, we learn how to create complex and dynamic rails form using the cocoon gem in Ruby on Rails. <\/p>\n

Suppose you want to create a form in which you want your users to enter their friends\u2019 names. You do not know in advance how many friends your user will have, so how to add a specific number of fields in the layout? <\/p>\n

Rails do not have any built-in support to answer this question. Thus, to resolve this issue, we can use cocoon gem<\/em>. Cocoon powers nested forms with JavaScript, allowing fields to be added or removed dynamically. <\/p>\n

In this cocoon gem example, we will see how to use cocoon gem to add or remove nested fields asynchronously without generating a new request. We will develop a demo where users can add n<\/em> number of friends. So, the friend’s name will be a nested attribute of the user’s name.<\/p>\n

Quick Read:- 55 RoR Gems: Pin To Plane For Developing RoR Application<\/a><\/p>\n

\"cocoon<\/p>\n

Goal of Cocoon Gem Tutorial<\/h2>\n

Before starting with our Cocoon gem example, let\u2019s see the video of the nested form which we will implement.<\/p>\n