Simple Rails Component System

app-components-application_component.rb

# frozen_string_literal: true

class ApplicationComponent

  include ActiveModel::Validations
  include ActionView::Helpers::TagHelper

  attr_accessor :content

  def initialize(*args)
  end

end

app-components-test_component.rb

# frozen_string_literal: true

class TestComponent < ApplicationComponent

  attr_reader :id, :text

  validates :id, presence: true

  def initialize(id:, text: nil)
    @id = id
    @text = text
  end

  def render
    content_tag(:h1, content || text, id: @id)
  end

end

app-helpers-components_helper.rb

# frozen_string_literal: true

module ComponentsHelper

  def component(klass, args = {}, &block)
    klass = "#{klass.to_s.classify}Component".constantize
    instance = klass.new(args)
    instance.content = capture(&block) if block_given?
    instance.validate!
    instance.render
  end

end

app-views-home-index.html.erb

<%= component(:test, id: 'test123', text: 'Hello World!') %>


<%= component(:test, id: 'test123') do %>
  Hello World!
<% end %>