Edistynyt🐛 Debuggaus

Muistivuodon debuggaus

Löydä ja korjaa muistivuotoja React-sovelluksesta.

Prompti

Debuggaa mahdollinen muistivuoto.

Koodi:
[KOODI]

Oireet:
- [OIREET]

Konteksti:
- Milloin ilmenee: [MILLOIN]
- Konsolin varoitukset: [VAROITUKSET]
- Selaimen muistinkäyttö: [MUISTINKAYTTO]

Analysoi:
1. Mahdolliset muistivuodon lähteet
2. Cleanup-funktioiden puutteet
3. Korjausehdotukset
4. Testaaminen ja verifiointi

Suomenkieliset vinkit

Kuvaile virheen oireet suomeksi, käytä teknisiä termejä sellaisenaan
Suomenkieliset promptit toimivat hyvin Claude- ja GPT-4-malleissa
Voit sekoittaa suomea ja englantia — teknisiä termejä ei tarvitse kääntää

Muuttujat

Korvaa nämä hakasulkeissa olevat muuttujat omilla tiedoillasi:

[KOODI]
[OIREET]
[MILLOIN]
[VAROITUKSET]
[MUISTINKAYTTO]

Esimerkki

Täytetty prompti

Debuggaa mahdollinen muistivuoto.

Koodi:
function Chat({ roomId }) {
  const [messages, setMessages] = useState([]);

  useEffect(() => {
    const socket = new WebSocket(`wss://api.com/${roomId}`);
    socket.onmessage = (e) => {
      setMessages(prev => [...prev, JSON.parse(e.data)]);
    };
  }, [roomId]);

  return <MessageList messages={messages} />;
}

Oireet: Sovellus hidastuu ajan myötä

Konteksti:
- Milloin ilmenee: Navigoitaessa sivujen välillä
- Varoitukset: "Can't perform state update on unmounted component"
- Muistinkäyttö: Kasvaa jatkuvasti

Analysoi vuodon lähde ja korjaa.