Hook · Koodaus
React-funktio joka lisää tilanhallintaa ja sivuvaikutuksia funktionaalisiin komponentteihin.
Hookit ovat Reactin mekanismi jolla lisäät tilanhallintaa, sivuvaikutuksia ja muuta logiikkaa funktionaalisiin komponentteihin. Yleisimmät hookit ovat useState tilanhalintaan, useEffect sivuvaikutuksiin (kuten API-kutsuihin) ja useRef DOM-viittauksiin. Voit myös luoda omia custom hookeja jotka kapseloivat uudelleenkäytettävää logiikkaa. Vibekoodauksessa hookit ovat keskeisiä: kun pyydät tekoälyä tekemään interaktiivisen komponentin, se käyttää lähes aina hookeja. Tekoäly osaa hookien säännöt hyvin, mutta muista tarkistaa riippuvuuslistat useEffectissa.
const [count, setCount] = useState(0) — tilanhallinta hookilla
useEffect(() => { fetchData() }, []) — API-kutsu komponentin latautuessa
const { data } = useFetch("/api/users") — custom hook datan hakuun
const inputRef = useRef<HTMLInputElement>(null) — DOM-viittaus hookilla
Tutustu kaikkiin vibekoodauksen termeihin.