Why views present data in Ruby on Rails - Challenge Your Understanding

Challenge - 5 Problems

🧠 Conceptual

intermediate

Why do views in Rails present data?

In a Rails application, what is the main reason views are responsible for presenting data?

A To separate the user interface from the business logic, making the app easier to maintain.

B To handle database queries and data storage directly.

C To process user input and perform calculations.

D To manage server configuration and routing.

💡 Hint

Think about the role of views in showing information to users.

Views in Rails are designed to display data to users. They keep the user interface separate from the logic and data handling, which happens in controllers and models.

❓ component_behavior

intermediate

What does a Rails view render?

Given a Rails controller passes @user = User.find(1) to the view, what will the view typically render?

Ruby on Rails

<%= @user.name %>

A Nothing, because views cannot access instance variables.

B The name attribute of the user with ID 1.

C An error because @user is not defined in the view.

D The entire user object as a string.

💡 Hint

Instance variables set in controllers are accessible in views.

The controller sets @user, which the view can use to show the user's name. This is how data is passed to views for display.

❓ state_output

advanced

Output of a view rendering a collection

What will this Rails view code output if @products = [Product.new(name: 'Pen'), Product.new(name: 'Book')]?

Ruby on Rails

<ul>
  <% @products.each do |product| %>
    <li><%= product.name %></li>
  <% end %>
</ul>

A <ul></ul>

B <ul><li>@products</li></ul>

C An error because product.name is undefined.

D <ul><li>Pen</li><li>Book</li></ul>

💡 Hint

Each product's name is shown inside list items.

The view loops over each product and displays its name inside <li> tags, resulting in a list of product names.

📝 Syntax

advanced

Identify the correct ERB syntax for outputting data

Which option correctly outputs the variable @message in a Rails view using ERB?

A <%== @message %>

B <% @message %>

C <%= @message %>

D <%: @message %>

💡 Hint

ERB tags with '=' output content to the view.

The <%= %> tag outputs the value of @message. The others either do not output or are invalid syntax.

🔧 Debug

expert

Why does this view raise an error?

Given the controller sets @user = User.find(params[:id]), why does this view code raise an error?

<%= @user.email_address %>

A The User model does not have an attribute named email_address.

B Instance variables are not accessible in views.

C The controller did not pass @user to the view.

D The syntax <code><%= %></code> is incorrect for outputting variables.

💡 Hint

Check the attribute names defined in the User model.

If the User model uses email instead of email_address, accessing @user.email_address causes a NoMethodError.

Practice

1. Why do views in Rails present data to users?

easy

A. To store data in the database

B. To turn raw data into readable web pages

C. To handle user login and authentication

D. To manage server configuration settings

Solution

1. Step 1: Understand the role of views in MVC

   Views are responsible for showing data to users in a readable format, usually as HTML pages.

2. Step 2: Differentiate views from other parts

   Controllers prepare data, models handle data storage, but views present data clearly to users.

3. Final Answer:

   To turn raw data into readable web pages -> Option B

4. Quick Check:

   Views present data = To turn raw data into readable web pages [OK]

Hint: Views display data as pages, not store or process it [OK]

Common Mistakes:

• Confusing views with controllers or models
• Thinking views handle data storage
• Assuming views manage server settings

2. Which of the following is the correct way to insert Ruby data into a Rails view using ERB syntax?

easy

A. <% @user.name %>

B. [[ @user.name ]]

C. {{ @user.name }}

D. <%= @user.name %>

Solution

1. Step 1: Identify ERB syntax for output

   In Rails views, <%= %> outputs Ruby code result into HTML.

2. Step 2: Compare options

   <% %> runs Ruby code but does not output it; {{ }} and [[ ]] are not Rails ERB syntax.

3. Final Answer:

   <%= @user.name %> -> Option D

4. Quick Check:

   ERB output tag = <%= @user.name %> [OK]

Hint: Use <%= %> to show Ruby data in views [OK]

Common Mistakes:

• Using <% %> which does not output data
• Confusing with other template syntaxes like {{ }}
• Forgetting to use equals sign for output

3. Given the controller sets @items = ['apple', 'banana', 'cherry'], what will this view code output?

<ul>
  <% @items.each do |item| %>
    <li><%= item.upcase %></li>
  <% end %>
</ul>

medium

A. APPLEBANANACHERRY

B. applebananacherry

C. ItemItemItem

D. Syntax error due to missing output tag

Solution

1. Step 1: Understand the loop and method

   The code loops over @items and outputs each item in uppercase inside <li> tags.

2. Step 2: Check output tags and method

   <%= item.upcase %> outputs the uppercase string; the loop is correct.

3. Final Answer:

   <ul><li>APPLE</li><li>BANANA</li><li>CHERRY</li></ul> -> Option A

4. Quick Check:

   Loop with upcase output =
   • APPLE
   • BANANA
   • CHERRY
   [OK]

Hint: Look for <%= %> to output transformed data inside loop [OK]

Common Mistakes:

• Confusing <% %> with <%= %> causing no output
• Ignoring the upcase method effect
• Assuming original lowercase output

4. Identify the error in this Rails view snippet:

<ul>
  <% @products.each do |product| %>
    <li><%= product.name %></li>
  <% end %>
</ul>

medium

A. No error, code is correct

B. Using <%= inside <% block without closing properly

C. Incorrect ERB output tag syntax

D. Missing closing tag for <li>

Solution

1. Step 1: Inspect ERB tags inside the loop

   The code uses proper ERB syntax: <% %> for the loop, <%= product.name %> for output, and HTML tags correctly placed.

2. Step 2: Verify no syntax issues

   All tags are properly opened and closed; no mixing of ERB and HTML incorrectly.

3. Final Answer:

   No error, code is correct -> Option A

4. Quick Check:

   Valid Rails ERB view code = No error, code is correct [OK]

Hint: Ensure ERB tags <%= %> wrap only Ruby code, not HTML [OK]

Common Mistakes:

• Placing HTML closing bracket inside ERB tag
• Confusing <% and <%= tags
• Assuming no syntax error when mixing tags

5. You want to display a list of users with their email only if the email is present. Which view code correctly presents this conditional data?

<ul>
  <% @users.each do |user| %>
    <li>
      <%= user.name %>
      <% if user.email.present? %>
        (<%= user.email %>)
      <% end %>
    </li>
  <% end %>
</ul>

hard

A. Syntax error due to missing output tags

B. Always shows email even if empty

C. Correctly shows name and email only if email exists

D. Does not loop through users properly

Solution

1. Step 1: Analyze the loop and conditional

   The code loops over @users and shows user.name always.

2. Step 2: Check conditional email display

   The if condition checks if email is present, then outputs it inside parentheses.

3. Step 3: Verify ERB syntax correctness

   Output tags <%= %> are used properly for name and email; control flow tags <% %> for condition.

4. Final Answer:

   Correctly shows name and email only if email exists -> Option C

5. Quick Check:

   Conditional display with correct ERB = Correctly shows name and email only if email exists [OK]

Hint: Use <% if %> for conditions, <%= %> to output data [OK]

Common Mistakes:

• Using <%= for if without closing properly
• Outputting email without checking presence
• Forgetting to close loop or condition tags