Funcția cache() în React Server Components în React & Next.js

Ce este funcția cache() în React

În arhitectura React Server Components (RSC), componente diferite din același arbore pot avea nevoie de aceleași date (de exemplu utilizatorul curent este solicitat și în bara de navigare, și în conținutul principal). În loc să pasezi proprietăți prin zeci de nivele (prop drilling) sau să rulezi interogarea SQL de mai multe ori, funcția cache() memorează rezultatul primului apel și îl refolosește instantaneu pentru apelurile identice din cadrul aceleiași cereri HTTP.

import { cache } from 'react';
import db from '@/lib/db';

export const getUser = cache(async (userId: string) => {
  console.log('Interogare executata o singura data per request!');
  return await db.user.findUnique({ where: { id: userId } });
});