Projektikoodin ja Tiedostorakenteen Ymmärtäminen
Ennen kuin aloitat projektin parissa työskentelyn, on tärkeää tarkastella annettuja tiedostoja ja kansioita, jotta tutustut projektin rakenteeseen. Tällä hetkellä käytettävissä ovat vain käyttöliittymäkomponentit ilman logiikkaa. Jos haluat työskennellä paikallisesti, voit kopioida komponentit. Huomioithan kuitenkin, että kaikki koodiesimerkit esitetään tämän osion aikana.
Kuinka työskennellä Code Sandboxin kanssa
Redux-kansio
On suositeltavaa tarkastella redux-kansiota huolellisesti. Seuraavat kansiot ja tiedostot ovat käytettävissä.
actions/counterAction.js: Tämä tiedosto sisältää toimintojen luojat laskurin toiminnallisuudelle. Se määrittelee funktiot, jotka luovat laskuriin liittyviä toimintoja;reducers/counterReducer.js: Tämä tiedosto sisältää reducer-funktion, joka vastaa laskurin tilan hallinnasta. Se määrittelee, miten tila muuttuu eri toimintojen perusteella;store.js: Tämä tiedosto alustaa Redux-kaupan käyttämällä Redux Toolkitiin kuuluvaa configureStore-funktiota. Se yhdistää useita reducereita ja asettaa tarvittavat middlewaret.
Kiitos palautteestasi!
Kysy tekoälyä
Kysy tekoälyä
Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme
Awesome!
Completion rate improved to 4.17Projektikoodin ja Tiedostorakenteen Ymmärtäminen
Pyyhkäise näyttääksesi valikon
Ennen kuin aloitat projektin parissa työskentelyn, on tärkeää tarkastella annettuja tiedostoja ja kansioita, jotta tutustut projektin rakenteeseen. Tällä hetkellä käytettävissä ovat vain käyttöliittymäkomponentit ilman logiikkaa. Jos haluat työskennellä paikallisesti, voit kopioida komponentit. Huomioithan kuitenkin, että kaikki koodiesimerkit esitetään tämän osion aikana.
Kuinka työskennellä Code Sandboxin kanssa
Redux-kansio
On suositeltavaa tarkastella redux-kansiota huolellisesti. Seuraavat kansiot ja tiedostot ovat käytettävissä.
actions/counterAction.js: Tämä tiedosto sisältää toimintojen luojat laskurin toiminnallisuudelle. Se määrittelee funktiot, jotka luovat laskuriin liittyviä toimintoja;reducers/counterReducer.js: Tämä tiedosto sisältää reducer-funktion, joka vastaa laskurin tilan hallinnasta. Se määrittelee, miten tila muuttuu eri toimintojen perusteella;store.js: Tämä tiedosto alustaa Redux-kaupan käyttämällä Redux Toolkitiin kuuluvaa configureStore-funktiota. Se yhdistää useita reducereita ja asettaa tarvittavat middlewaret.
Kiitos palautteestasi!
