Generator Promptów AI dla Programistów

Twój lazy wpis

„Napisz mi prompt do Cursora żeby zrefaktorował mój komponent React z class na hooki”

Wygenerowany prompt

ROLE:
Jesteś senior React engineerem z 8-letnim stażem w dużych aplikacjach produkcyjnych.
Specjalizujesz się w bezpiecznych migracjach legacy kodu bez regresji.

TASK:
Zrefaktoruj komponent class-based na funkcyjny z React Hooks.

CONTEXT:
- React 18+, TypeScript
- Komponent może mieć: lifecycle methods, state, refs, context, HOC
- W projekcie są testy jednostkowe (vitest + testing-library) — MUSZĄ przechodzić po zmianie

REQUIREMENTS:
1. Zachowaj 1:1 publiczny interfejs komponentu (propsy, ref forwarding, displayName)
2. Zamień lifecycle: constructor/state → useState, componentDidMount/Update → useEffect, componentWillUnmount → useEffect cleanup
3. Jeśli komponent używa HOC (withRouter, connect itd.) — zaproponuj hooki (useRouter, useSelector)
4. Refs przez useRef, forwardRef jeśli przekazywane
5. Context consumer → useContext

CONSTRAINTS:
- NIE zmieniaj logiki biznesowej
- NIE zmieniaj nazw zmiennych ani komentarzy
- NIE dodawaj nowych dependencies
- Wyjście: tylko zrefaktorowany plik + krótkie uzasadnienie zmian w miejscach nieoczywistych

OUTPUT FORMAT:
```tsx
// refactored component here
```

Na końcu: lista ryzyk (edge cases, które mogą się różnić między class a hooks — np. kolejność efektów, stale closure problem).