React Router (framework mode, ex-Remix) TypeScript
/pixel.gif 요청에 빈 GIF로 응답하는 React Router (framework mode, ex-Remix)용 TypeScript 스니펫입니다. GIF는 시작할 때 한 번만 디코딩합니다.
React Router (framework mode, ex-Remix) TypeScript
// app/routes.ts: route('/pixel.gif', 'routes/pixel.ts')
// app/routes/pixel.ts - a resource route: a loader and no default export.
const GIF = Uint8Array.from(atob('R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='), (c) => c.charCodeAt(0));
export function loader() {
return new Response(GIF, {
headers: {
'Content-Type': 'image/gif',
'Content-Length': String(GIF.length),
'Cache-Control': 'no-store',
},
});
}
이 스니펫은 실행해 보고, 반환된 바이트를 비교했습니다.
확인
curl -sI http://localhost:8080/pixel.gif공식 사이트: React Router (framework mode, ex-Remix)