πŸ”“ Unlock videos

Purchase course

Overview

Build Rails applications using nothing but Phlex components. No ERB, Haml, or Slim templates. No partials, templates, or helpers.

Going all-in on Phlex doesn’t mean you have to throw out all that stuff. You can spin it up side-by-side with legacy views and incrementally migrate to going all-in on Phlex.

Superview

We’ll go through how to install Superview and set up the controllers via:

$ bundle add superview

Then configure the controllers:

# ./app/controllers/posts_controller.rb
class PostsController < ApplicationController
  include Superview::Actions

  # Do this if you're using Phlex to render the layout.
  layout false

  # ...
end

Sinatra vibes in Rails without the hangover

πŸ”“ Unlock content

Purchase this course to unlock this video, source code, and content.

Purchase video course for $379 $329

β–“ β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“ β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“β–“ β–“β–“ β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“ β–“β–“β–“β–“β–“ β–“β–“β–“β–“β–“ β–“β–“ β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“β–“ β–“β–“β–“β–“ β–“β–“β–“β–“ β–“β–“β–“β–“β–“ β–“β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“ β–“ β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“ β–“β–“β–“ β–“β–“β–“ β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“ β–“β–“β–“β–“β–“ β–“ β–“β–“β–“ β–“β–“β–“β–“β–“β–“ β–“β–“ β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“ β–“β–“β–“ β–“β–“β–“β–“ β–“ β–“β–“β–“β–“β–“ β–“β–“β–“β–“ β–“ β–“β–“β–“β–“β–“β–“ β–“ β–“β–“β–“ β–“β–“ β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“ β–“ β–“β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“ β–“β–“ β–“β–“β–“β–“β–“β–“ β–“β–“ β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“ β–“β–“β–“β–“β–“ β–“β–“β–“β–“ β–“β–“ β–“β–“β–“ β–“β–“β–“ β–“β–“β–“ β–“β–“β–“β–“β–“ β–“β–“ β–“β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“ β–“β–“β–“β–“ β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“

Embedding Phlex views in controllers

β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“ β–“β–“β–“β–“ β–“ β–“β–“β–“ β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“ β–“β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“ β–“ β–“β–“β–“β–“β–“ β–“β–“β–“ β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“

β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“
class PostsController < β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“
  include β–“β–“β–“β–“β–“β–“β–“β–“β–“::β–“β–“β–“β–“β–“β–“β–“

  β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“ do
    β–“β–“β–“β–“β–“ = β–“β–“β–“β–“.β–“β–“β–“β–“(β–“β–“β–“β–“β–“β–“[:id])
  end

  class Show < β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“::β–“β–“β–“β–“
    attr_accessor :post

    def β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“(&)
      β–“β–“ { β–“β–“β–“β–“β–“.β–“β–“β–“β–“β–“ }
      β–“β–“β–“(class: "prose") { β–“β–“β–“β–“β–“.β–“β–“β–“β–“ }
    end
  end
end

Moving views out of controllers

β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“ β–“β–“β–“ β–“β–“β–“β–“ β–“β–“β–“ β–“β–“β–“β–“ β–“β–“β–“β–“β–“ β–“β–“β–“ β–“β–“ β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“

β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“
class Views::Posts::Show < β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“::β–“β–“β–“β–“
  attr_accessor :post

  def β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“(&)
    β–“β–“ { β–“β–“β–“β–“β–“.β–“β–“β–“β–“β–“ }
    β–“β–“β–“(class: "prose") { β–“β–“β–“β–“β–“.β–“β–“β–“β–“ }
  end
end

β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“ β–“β–“β–“β–“ β–“β–“ β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“β–“ β–“β–“β–“β–“ β–“β–“β–“

β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“
class PostsController < β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“
  include β–“β–“β–“β–“β–“β–“β–“β–“β–“::β–“β–“β–“β–“β–“β–“β–“
  include β–“β–“β–“β–“β–“::β–“β–“β–“β–“β–“

  β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“ do
    β–“β–“β–“β–“β–“ = β–“β–“β–“β–“.β–“β–“β–“β–“(β–“β–“β–“β–“β–“β–“[:id])
  end
end

Works with ViewComponent

β–“β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“β–“ β–“β–“β–“β–“ β–“β–“β–“ β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“ β–“β–“ β–“β–“β–“β–“β–“ β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“

β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“
class PostsController < β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“
  β–“ β–“β–“β–“
  class Edit < β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“::β–“β–“β–“β–“
    attr_accessor :post

    def β–“β–“β–“β–“
      <<~β–“β–“β–“β–“
        <h1>Edit #{β–“β–“β–“β–“β–“.β–“β–“β–“β–“β–“}</h1>
        <form action="<%= post_path(@post) %>" method="post">
          <input type="text" name="title" value="<%= @post.title %>">
          <textarea name="body"><%= @post.body %></textarea>
          <button type="submit">Save</button>
        </form>
      β–“β–“β–“β–“
    end
  end
end

β–“ β–“β–“β–“β–“β–“ β–“β–“ β–“β–“β–“β–“ β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“β–“ β–“β–“β–“β–“ β–“β–“β–“β–“β–“ β–“β–“β–“β–“ β–“β–“ β–“ β–“β–“β–“β–“β–“ β–“β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“ β–“β–“β–“β–“ β–“β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“

Superform & automatic strong parameters

β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“ β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“ β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“ β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“

β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“
class PostsController < β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“
  include β–“β–“β–“β–“β–“β–“β–“β–“β–“::β–“β–“β–“β–“β–“β–“β–“
  include β–“β–“β–“β–“β–“β–“β–“β–“β–“::β–“β–“β–“β–“β–“::β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“

  β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“ do
    β–“β–“β–“β–“β–“ = β–“β–“β–“β–“β–“β–“.β–“β–“β–“β–“(:id) ? β–“β–“β–“β–“.β–“β–“β–“β–“(β–“β–“β–“β–“β–“β–“[:id]) : β–“β–“β–“β–“.β–“β–“β–“
  end

  class Form < β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“::β–“β–“β–“β–“
    def β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“
      β–“β–“β–“β–“β–“(:title).β–“β–“β–“β–“
      β–“β–“β–“β–“β–“(:body).β–“β–“β–“β–“β–“β–“β–“β–“

      β–“β–“β–“β–“β–“β–“ "Create post"
    end
  end

  class View < β–“β–“β–“β–“β–“::β–“β–“β–“β–“
    attr_writer :post
  end

  class New < β–“β–“β–“β–“
    def β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“
      β–“β–“ { "Create a blog post" }
      β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“.β–“β–“β–“(β–“β–“β–“β–“β–“)
    end
  end

  def β–“β–“β–“β–“β–“β–“
    if β–“β–“β–“β–“ β–“β–“β–“β–“.β–“β–“β–“(β–“β–“β–“β–“β–“)
      β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“β–“
    else
      β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“
    end
  end
end

β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“ β–“β–“β–“ β–“β–“ β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“β–“ β–“β–“β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“ β–“β–“β–“ β–“β–“ β–“β–“β–“β–“β–“β–“β–“β–“ β–“β–“β–“β–“ β–“β–“β–“ β–“β–“β–“β–“ β–“β–“β–“β–“β–“ β–“β–“ β–“β–“β–“β–“β–“β–“

Install Superview
Next video
DaisyUI
Previous video

Checkout in minutes

Use Apple Pay, Amazon Pay, or your credit card to order this course and we'll email you the receipt.

Purchase video course for $379 $379