tsx

React useMemo ile Liste Filtreleme

React içinde pahalı filtreleme işlemini sadece users veya search değiştiğinde yeniden hesaplama.

ReactuseMemoPerformanceTypeScript
// TSX //
const filteredUsers = useMemo(() => {
  const q = search.trim().toLowerCase();
  return users.filter(user =>
    user.name.toLowerCase().includes(q)
  );
}, [users, search]);

// İLGİLİ_DERS //

REACT PERFORMANS OPTİMİZASYONU: MEMO, LAZY VE BUNDLE ANALİZİ

RCT-401