arieljarielj
174

Vanilla Nested

screenshot of Vanilla Nested

Rails dynamic nested forms using vanilla JS

Github

Overview

Vanilla NestedRails offers a powerful solution for implementing dynamic nested forms in Ruby on Rails applications without the need for jQuery. This lightweight gem is designed to enhance user experience by allowing developers to add or remove nested fields seamlessly. For those familiar with the Cocoon gem, Vanilla NestedRails provides similar functionality but with a focus on using plain JavaScript, making it an appealing choice for modern web development.

Installation is straightforward, requiring only the addition of the gem to your Gemfile and incorporating the necessary JavaScript in your application. This simplicity, along with its robust feature set, positions Vanilla NestedRails as an essential tool for any Rails developer looking to enhance their forms with minimal overhead.

Features

  • No jQuery Dependency: Built entirely with vanilla JavaScript, ensuring lightweight performance and easier integration into projects not using jQuery.

  • Customizable Link Text: Easily change the default text for adding or removing nested fields, allowing for internationalization and better user experience.

  • Flexible Insert Position: Choose to append or prepend new fields to the container, providing control over the order in which new elements are displayed.

  • Dynamic HTML Tag Generation: By default, links are generated as <a> tags, but this can be altered to suit the needs of your application.

  • Enhanced Local Variable Support: Pass additional local variables to partials, enabling greater flexibility in how nested fields are rendered.

  • Custom Link Classes: Add custom CSS classes in addition to the default ones, allowing for easy styling without targeting specific class names.

  • Robust HTML Attributes: Set any HTML attributes for generated elements, giving developers full control over the output structure.

  • Compatibility with Rails 7: Fully supports the latest Rails version, including integration with Importmaps, making it a future-proof choice for all Rails applications.