Partials

Location
The view partial files are located in the app/views/partials directory.
Convention
Despite views, partials and layouts having separate directories, it may sometimes get confusing having to deal with all three when working on your application.
Following Rails convention, file names for partials should ideally begin with an underscore.
Typical example pattern
Suppose we have a portfolio website where projects are displayed on the projects page.
The projects page will be loaded with a layout, and so is not a full view itself. One typical approach would be:
app/views/projects.erb
1
<p>Here is a selection of a few projects that I have either:</p>
2
<ul>
3
    <li>Created myself</li>
4
    <li>Been an essential part of the development team</li>
5
</ul>
6
​
7
<div id="projects">
8
    <% @projects.each do |project| %>
9
    <div class="project">
10
        <h2><%= project[:title] %></h2>
11
        <p><%= project[:description] %></p>
12
        <%= link_to "Repository link", project[:link] %>
13
        <ul>
14
        <% project[:languages].each do |lang| %>
15
            <li><span><%= lang %></span></li>
16
        <% end %>
17
        </ul>
18
    </div>
19
    <% end %>
20
</div>
Copied!
But ideally view files should be clean, easy to read and most importantly, isolated from the logic.
Typically logic should be restricted to controllers, models and helpers (as well as partials where appropriate).
To clean this view file up, we will need a new partial containing all of the erb code necessary for displaying projects (Simply copying the ruby code part from the above view file).
app/views/partials/_projects.erb
1
<div id="projects">
2
    <% @projects.each do |project| %>
3
    <div class="project">
4
        <h2><%= project[:title] %></h2>
5
        <p><%= project[:description] %></p>
6
        <%= link_to "Repository link", project[:link] %>
7
        <ul>
8
        <% project[:languages].each do |lang| %>
9
            <li><span><%= lang %></span></li>
10
        <% end %>
11
        </ul>
12
    </div>
13
    <% end %>
14
</div>
Copied!
We can then clean up our projects.erb file by calling the partial function (which is already defined in Eucalypt) in the view:
app/views/projects.erb
1
<p>Here is a selection of a few projects that I have either:</p>
2
<ul>
3
    <li>Created myself</li>
4
    <li>Been an essential part of the development team</li>
5
</ul>
6
​
7
<%= partial 'partials/_projects' %>
8
<!-- Or alternatively -->
9
<%= partial '_projects' %>
Copied!
If you have variables that need to be used in the partial, simply pass them as keyword arguments in the partial function:
1
<%= partial '_projects', count: 10, top_lang: 'Ruby' %>
2
<!-- Or alternatively -->
3
<%= partial '_projects', {count: 10, top_lang: 'Ruby'} %>
Copied!
The variables count and top_lang will then be usable in the partial's ERB file. They are treated as local variables, so just access them by their name.

Layouts

Static data

Last modified 3yr ago

Copy link

Contents

Location

Convention

Typical example pattern