Kuinka uusi Ref potkurominaisuutena parantaa kehitystehokkuutta

Yksinkertaisempi ja intuitiivisempi sovellusliittymä

Refs: n ohittaminen tavallisina rekvisiittana on luonnollisempi ja intuitiivisempi sovellusliittymä verrattuna "eteenpäin suuntautuvaan". Se kohdistuu paremmin Core React -periaatteen kanssa, jonka mukaan data on komponenttipuun kautta rekvisiitta. Tämä helpottaa koodin ymmärtämistä ja syytä, etenkin aloittelijoille.

Alennettu kattilalevy

ForwardRef` -sovelluksen käyttäminen vaatii lapsikomponentin käärimistä "eteenpäin suuntautuvaan" puheluun ja "Ref": n siirtäminen toiseksi argumentiksi funktiokomponentille. Tämä lisää jonkin verran kattilalevykoodia. REF: n siirtäminen suoraan potkurina eliminoi tämän ylimääräisen koodin.

Parempi kapselointi

Kun käytät `ForwardRef`, lapsikomponentin on oltava tietoinen siitä, että se vastaanottaa REF: n ja että sen on kiinnitettävä se sopivaan DOM -elementtiin. REF: n ohittaminen potkurina antaa lapsikomponentin pysyä tietämättä Ref: stä parantaen kapselointia.

helpompaa refaktorointia

Jos joudut vastaamaan komponenttipuun ja vaihtamaan REF -liitepisteen, on yksinkertaisempaa päivittää potkurin nimi sen sijaan, että sinun on päivitettävä "ForwardRef" -puhelu useissa paikoissa. Tämä tekee koodipakasta ylläpidettävämmän.

luokan komponenttien kanssa

Luokkakomponenteissa Refs on kiinnitetty käyttämällä `Ref` -profiilia, ei erityisen` ForwardRef` -mekanismin kautta. REF: ien salliminen toimintokomponenttien rekvisiittaksi tarjoaa yhdenmukaisemman sovellusliittymän luokan ja funktiokomponenttien välillä.

Helpompi tyypin tarkistus

Kun käytät TypeScriptiä, on yksinkertaisempaa kirjoittaa tarkistus REF: llä, joka on läpäissyt potkurina verrattuna "eteenpäin suuntautuvan" ja `refattributes` -tyyppien käyttöön. Prop -tyyppi voidaan päätellä suoraan "Ref" -objektista.

Yhteenvetona voidaan todeta, että uusi REF -ominaisuuksien ominaisuudet tekevät React -sovellusliittymästä intuitiivisemman, vähentää kattilalevyä, parantaa kapselointia ja tekee koodipakasta ylläpidettävemmäksi - kaikki nämä parantavat kehittäjien tehokkuutta työskennellessään REF: ien kanssa React 19: ssä ja sen jälkeen [1] [3] [4].