Promptit koodin parantamiseen ja siistimiseen.
14 promptia
Siisti ja selkeytä olemassa olevaa koodia.
Jaa suuri, monimutkainen komponentti pienempiin ja uudelleenkäytettäviin osiin. Selkeyttää koodia, helpottaa testausta ja tekee ylläpidosta huomattavasti helpompaa.
Luo custom hook toistuvalle logiikalle, jotta vältät copy-paste-koodia komponenttien välillä. Saat siistin ja testattavan hookin jota voi käyttää koko sovelluksessa.
Lisää TypeScript-tyypit JavaScript-koodiin.
Jaa suuri, vaikeasti luettava funktio pienempiin ja nimettyihin osiin jotka tekevät kukin yhden asian. Lopputulos on koodia jota on helppo testata ja ylläpitää.
Paranna koodin virheenkäsittelyä lisäämällä try-catch-lohkot, selkeät virheilmoitukset ja palautumisstrategiat. Lopputulos on sovellus joka ei kaadu yllättäviin tilanteisiin.
Muunna Promise-ketjut selkeämmäksi async/await-syntaksiksi.
Korvaa prop drilling React Context API:lla.
Optimoi komponentin uudelleenrenderöintiä React.memo, useMemo ja useCallback avulla.
Refaktoroi monimutkainen if-else selkeämmäksi.
Tunnista legacy-moduulin suurimmat riskit ennen refaktorointia.
Suunnittele turvallinen migraatio API-sopimuksen muutokselle.
Yhtenaista hajanaiset virheviestit backendissa ja frontendissa.
Arvioi muutoksen riskitaso ennen mergea ja listaa pakolliset tarkistukset.