Including sub-views (@include) in Laravel - Practice Problems & Coding Challenges

Challenge - 5 Problems

❓ component_behavior

intermediate

What will be rendered by this Blade template?

Given the main view includes a sub-view with @include('subview', ['name' => 'Alice']), and the sub-view contains Hello, {{ $name }}!, what is the output when rendering the main view?

Laravel

@include('subview', ['name' => 'Alice'])

// subview.blade.php content:
// Hello, {{ $name }}!

A Hello, !

B Error: Undefined variable $name

C Hello, {{ $name }}!

D Hello, Alice!

💡 Hint

Remember that variables passed in the second argument of @include are available inside the sub-view.

The @include directive passes the array ['name' => 'Alice'] to the sub-view, so $name is defined as 'Alice'. The sub-view renders 'Hello, Alice!'.

📝 Syntax

intermediate

Which @include syntax correctly passes multiple variables to a sub-view?

You want to include a sub-view and pass variables $title = 'Welcome' and $count = 5. Which option is correct?

A @include('header', ['title', 'Welcome', 'count', 5])

B @include('header', ['title' => 'Welcome', 'count' => 5])

C @include('header', 'title' => 'Welcome', 'count' => 5)

D @include('header', title: 'Welcome', count: 5)

💡 Hint

Check the correct syntax for passing an associative array as the second argument.

The @include directive expects the second argument as an associative array mapping variable names to values. Option B uses the correct array syntax.

🔧 Debug

advanced

Why does this @include cause an error?

This Blade code causes an error:

@include('footer', ['year' => $year])

But the variable $year is defined only in the parent view inside a @section('content'). Why?

Laravel

@section('content')
  @include('footer', ['year' => $year])
  @php $year = 2024; @endphp
@endsection

A Because $year is defined inside a section and not available outside it when @include runs.

B Because @include cannot accept variables from the parent view.

C Because the variable $year must be global to be passed to sub-views.

D Because @section blocks cannot contain @include directives.

💡 Hint

Think about variable scope inside Blade sections and when @include is processed.

Variables defined inside a @section block are not available outside it at the time @include runs, causing $year to be undefined in the include call.

❓ component_behavior

advanced

What happens if the included sub-view does not exist?

Consider this Blade code:

@include('nonexistent')

What will Laravel do when rendering this view?

Laravel

@include('nonexistent')

A Laravel throws an error: View [nonexistent] not found.

B Laravel renders the parent view but outputs a warning inside the HTML.

C Laravel renders nothing and continues without error.

D Laravel creates an empty file named 'nonexistent' automatically.

💡 Hint

Think about how Laravel handles missing views during rendering.

If the included view file does not exist, Laravel throws a clear error indicating the missing view.

❓ state_output

expert

What is the output of this nested @include with variable shadowing?

Given these Blade files:

// main.blade.php @php $color = 'red'; @endphp @include('subview', ['color' => 'blue']) // subview.blade.php Color: {{ $color }}
@include('subsubview') // subsubview.blade.php Color again: {{ $color }}

What is the full rendered output of main.blade.php?

Laravel

// main.blade.php
@php $color = 'red'; @endphp
@include('subview', ['color' => 'blue'])

// subview.blade.php
Color: {{ $color }}<br>
@include('subsubview')

// subsubview.blade.php
Color again: {{ $color }}

A Color: red<br>Color again: red

B Color: blue<br>Color again: red

C Color: blue<br>Color again: blue

D Color: red<br>Color again: blue

💡 Hint

Consider how variables passed to @include affect nested includes and variable scope.

The variable $color is passed as 'blue' to subview. Inside subview, $color is 'blue'. The nested @include('subsubview') inherits the current variable scope, so $color remains 'blue' there too.