React Academy · Oppitunti

Vaiheittainen siirtyminen

Ottakaa TS käyttöön vähitellen: ottakaa tarkistukset käyttöön, lisätkää tyyppejä JSDocilla, siirtäkää tärkeimmät tiedostot ensin ja pitäkää buildit kunnossa siirtymän aikana.

Oppitunti 3/38 vaihetta

Vaiheittainen siirtyminen on ilmainen React Academy-oppitunti CoddyKitissä. Tämä on oppitunti 3/3. Voit lukea koko oppitunnin alta ilmaiseksi ja harjoitella sen jälkeen käytännössä selaimessa sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla. Oppitunti kuuluu React Academy-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. React Academy-kurssilla on yhteensä 3 oppituntia.

Miksi asteittainen migraatio?

Tavoite: Toimita muutoksia migraation aikana.

  • Lisää tarkistukset rikkomatta buildeja
  • Lisää merkinnät JSDocilla
  • Siirrä usein muokatut tiedostot ensin

Suunnittele migraatio

  • Aloita lisäämällä JSDoc JS-tiedostoihin
  • Pidä muutokset pieninä; yksi komponentti kerrallaan
  • Keskity usein muokattaviin tiedostoihin
  • Käytä tyyppialiaaksia rakenteiden uudelleenkäyttöön

Vaihe 1: propsit JSDocilla

Lisää JSDoc propsien dokumentointiin nimeämättä tiedostoa uudelleen.

<div id="root"></div>

Vaihe 2: jaetun typedef-määrittelyn uudelleenkäyttö

Erota jaettu typedef ja käytä sitä uudelleen kaikkialla.

<div id="root"></div>

Vaihe 3: runtime guard -malli

Käytä pientä guard-tarkistusta, jotta runtime pysyy turvallisena migraation aikana.

<div id="root"></div>

Vinkit ja tarkistuslista

  • Siirrä tiedosto kerrallaan; pidä PR:t pieninä
  • Lisää JSDoc nyt ja nimeä tiedostot myöhemmin TS-tiedostoiksi
  • Käytä pieniä guard-tarkistuksia tyyppien vakiintuessa

Asteittaisen migraation tarkistus

Mikä lähestymistapa auttaa ottamaan TypeScriptin vähitellen käyttöön olemassa olevassa React-projektissa?

Kertaus

Kertaus: Aloita JSDocilla JS-tiedostoissa, erota jaetut typedef-määrittelyt, lisää pienet runtime guard -tarkistukset ja nimeä usein muokatut tiedostot myöhemmin TS-tiedostoiksi, kun olet valmis.

Aloita maksutta

Opi React tekoälytuutorin avulla — ilmaiseksi

Kirjoita ja suorita oikeaa koodia selaimessa, saa välitöntä apua tekoälytuutorilta ympäri vuorokauden ja jatka siitä, mihin jäit, verkossa tai sovelluksessa.

Kurssit
88
Oppitunnit
324

Usein kysytyt kysymykset

Onko oppitunti ”Vaiheittainen siirtyminen” ilmainen?

Kyllä – oppitunnin ”Vaiheittainen siirtyminen” koko tekstin voi lukea täällä verkossa ilmaiseksi. Jos haluat harjoitella interaktiivisesti sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla sekä avata koko React Academy-kurssin, päivitä CoddyKit PROhon. React Academy-kurssilla on yhteensä 3 oppituntia.

Mitä opin oppitunnilla ”Vaiheittainen siirtyminen”?

Ottakaa TS käyttöön vähitellen: ottakaa tarkistukset käyttöön, lisätkää tyyppejä JSDocilla, siirtäkää tärkeimmät tiedostot ensin ja pitäkää buildit kunnossa siirtymän aikana. Harjoittelet React Academy-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.

Tarvitsenko kokemusta aloittaakseni React Academy-opiskelun?

Aiempi kokemus ei ole tarpeen. CoddyKitin React Academy-oppimispolku sopii vasta-alkajista edistyneisiin, joten voit aloittaa tästä tai alusta ja edetä omaan tahtiisi. Tämä on oppitunti 3/3.

Kuinka kauan ”Vaiheittainen siirtyminen”-oppitunnin suorittaminen kestää?

Useimmat CoddyKitin oppitunnit kestävät noin 5–10 minuuttia. Jokainen oppitunti on lyhyt ja interaktiivinen, joten edistyt tasaisesti ja voit jatkaa siitä, mihin jäit – sekä verkossa että sovelluksessa.

Voinko kirjoittaa ja suorittaa koodia tällä React Academy-oppitunnilla?

Kyllä. Jokainen React Academy-oppitunti sisältää sisäänrakennetun koodieditorin, joten voit kirjoittaa ja suorittaa oikeaa koodia suoraan selaimessa ja saada välitöntä palautetta tekoälyltä – paikallista asennusta ei tarvita.

Kaikki tämän kurssin oppitunnit

  1. Propsien tyypitys ja geneerisyys uudelleenkäytettävissä komponenteissa
  2. Tapahtumien, ref-viittausten ja Contextin tyypitys
  3. Vaiheittainen siirtyminen
← Takaisin: React Academy