[Solved] Which of the following is the correct way to set a Cache-Control header in a Remix loader? — Ans: return new Response(data, { headers: { 'Cache-Control': 'max-age=3600' } }) | Remix

Remix - Performance

Which of the following is the correct way to set a Cache-Control header in a Remix loader?

Areturn new Response(data, { headers: { 'Cache-Control': max-age=3600 } })

Breturn new Response(data, { cacheControl: 'max-age=3600' })

Creturn new Response(data, { headers: { 'cachecontrol': 'max-age=3600' } })

Dreturn new Response(data, { headers: { 'Cache-Control': 'max-age=3600' } })

Step-by-Step Solution

Solution:

Step 1: Check correct header syntax
HTTP headers are case-insensitive but usually written as 'Cache-Control' with quotes around the value.
Step 2: Verify Remix Response usage
Remix uses the Response constructor with a headers object; the header key must be a string and value a string.
Final Answer:
return new Response(data, { headers: { 'Cache-Control': 'max-age=3600' } }) -> Option D
Quick Check:
Headers object with 'Cache-Control' string value [OK]

Quick Trick: Headers keys and values must be strings in Response [OK]

Common Mistakes:

MISTAKES

Master "Performance" in Remix

9 interactive learning modes - each teaches the same concept differently

More Remix Quizzes

Which of the following is the correct way to set a Cache-Control header in a Remix loader?