From partials to ViewComponents: writing reusable front-end code in Rails

Data Dashboard Design Tools Developer Tools

Tailwind UI Landing Page

1

Tailwind UI

Beautiful UI components by the creators of Tailwind CSS.

#Design Tools #UI Design #Components Library 207 social mentions
Tailwind CSS Landing Page
2

Tailwind CSS

A utility-first CSS framework for rapidly building custom user interfaces.
Pricing:
- Open Source
We have lots of – fairly standard – admin pages: with index tables, details and edit forms. We estimated that about 80-90% of our admin pages could look and behave in a more or less unified way, the rest being special pages that must be carefully optimized for the most essential needs our administrators have when doing their job. Although a large part of our admin was already written in a reusable way, we wanted to revamp the look and feel, bringing in new standards including styling via Tailwind CSS or higher interactivity with the Hotwire stack.

#Developer Tools #Design Tools #Website Design 870 social mentions
Capybara Landing Page

3

Capybara

Capybara helps you test web applications by simulating how a real user would interact with your app.

The nice thing about partial templates is that templates are unit-testable with View specs (or similarly in Minitest) and the rendered output can even be verified using Capybara matchers.

#Testing #Automated Testing #Website Testing 11 social mentions
RailsAdmin Landing Page
4

RailsAdmin

A Rails engine that provides an easy-to-use interface for managing your data
Pricing:
- Open Source
We briefly considered migrating to a full-grown Rails admin interface, such as ActiveAdmin, RailsAdmin, Administrate or Avo. We especially liked Avo which is built on a very modern stack similar to ours (Tailwind + Hotwire + ViewComponents). In the end, we didn’t go this route as we found some of the options a bit too restrictive (even though Avo is very flexible) and we did not feel like trying to amend it to our needs. For example, Avo renders forms in a 1-field-per-row layout while we wanted something more similar to the Tailwind UI Stacked form layout. Nevertheless, we found a great deal of inspiration in the Avo code and its design principles.

#Data Dashboard #Developer Tools #No Code 8 social mentions
Active Admin Landing Page
5

Active Admin

The administration framework for business critical Ruby on Rails applications.
Pricing:
- Open Source
We briefly considered migrating to a full-grown Rails admin interface, such as ActiveAdmin, RailsAdmin, Administrate or Avo. We especially liked Avo which is built on a very modern stack similar to ours (Tailwind + Hotwire + ViewComponents). In the end, we didn’t go this route as we found some of the options a bit too restrictive (even though Avo is very flexible) and we did not feel like trying to amend it to our needs. For example, Avo renders forms in a 1-field-per-row layout while we wanted something more similar to the Tailwind UI Stacked form layout. Nevertheless, we found a great deal of inspiration in the Avo code and its design principles.

#Data Dashboard #No Code #Productivity 11 social mentions