Which of the following is the correct syntax to stream a file from a Remix loader using a Response object?

easy📝 Syntax Q3 of 15

Remix - Advanced Patterns

Areturn fetch(fileStream, { headers: { 'Content-Type': 'image/png' } })

Breturn new Response(fileStream, { headers: { 'Content-Type': 'image/png' } })

Creturn Response.send(fileStream, { type: 'image/png' })

Dreturn new Response({ body: fileStream, contentType: 'image/png' })

Step-by-Step Solution

Solution:

Step 1: Understand Response constructor
In Remix, streaming a file uses the standard Web Response constructor with a stream as the body and headers for content type.
Step 2: Correct syntax for streaming
The correct syntax is new Response(fileStream, { headers: { 'Content-Type': 'image/png' } }).
Final Answer:
return new Response(fileStream, { headers: { 'Content-Type': 'image/png' } }) -> Option B
Quick Check:
Stream file with new Response and headers = C [OK]

Quick Trick: Use new Response(stream, { headers }) to stream files [OK]

Common Mistakes:

MISTAKES

Master "Advanced Patterns" in Remix

9 interactive learning modes - each teaches the same concept differently

Want More Practice?

15+ quiz questions · All difficulty levels · Free

More Remix Quizzes