14.5.2
React-komponentit Kelan ja Kannan käyttöliittymiin.
Container, Row ja Column -komponentit sivun palstarakenteiden toteutukseen.
Komponentti sivupohjien toteutukseen.
Murupolku sivuhierarkian esitykseen.
Sivun alatunniste
Komponentti linkkien korostamiseen.
Linkki lisätiedolla.
Komponentti linkkien eli siirtymien esittämiseen.
Palvelukohtainen työkalupalkki.
Komponentti navigaatiorakenteiden toteutukseen.
Komponentti pitkien listausten sivutukseen.
Sivupalkki navigaation toteutukseen.
Komponentti hyppylinkin toteutukseen.
Komponentti linkkipohjaisen navigaation toteuttamiseen.
Välilehtikomponentti sisällön jakamiseksi eri näkymiin.
Palvelukohtainen brändi-elementti.
Haitarielementti sisältöjen piilottamiseen.
Merkkilappu metatietojen esitykseen.
Komponentti erilaisten sisältöjen ryhmittelyyn ja kehystykseen.
Kortti sisältöjen ryhmittelyyn.
Puhekupla vuoropuhelun esitykseen.
Komponentti tiedon tai toiminnon näyttämiseen.
Muokattava haitarikomponentti.
Komponentti tekstisisältöjen korostukseen.
Komponentti määritelmä- tai käsitelistojen toteuttamiseen.
Sisältöjen otsikointiin.
Komponentti korostettujen linkki- tai painikelistausten esitykseen.
Komponentti sisältöjen listaukseen.
Komponentti kuvia ja kuvitusta sisältävien listojen esitykseen.
Panel-komponentti mahdollistaa saman aihealueen sisältöjen ryhmittelyn selkeisiin asiakokonaisuuksiin.
Komponentti välistysarvojen asettamiseen.
Visuaalinen komponentti tilan ja siihen liittyvän lisätiedon esittämiseen.
Komponentti taulukoiden toteutukseen.
Komponentti tekstielementtien toteutukseen
Nostokomponentti tiedon korostamiseen.
Aikajana vaiheiden ja prosessien esitykseen.
Työkaluvihje lisätiedon esittämiseen.
Komponentti painikkeiden ryhmittelyyn.
Painike toimintojen käynnistämiseen.
Valintaruutu yhden tai useamman vaihtoehdon valitsemiseen.
Tekstikentän ja valintalistan yhdistelmä, joka ehdottaa käyttäjälle valintoja.
Päivämäärän valinta- ja syöttökenttä.
Ajanjakson valinta- ja syöttökenttä.
Dropdown-komponentti toimintojen näyttämiseen valikossa.
Kenttä tiedostojen lähetykseen.
Komponentti syöttökenttien ryhmittelyyn.
Komponentti syöttökentän toteuttamiseen.
Pudotusvalikko valintojen tekemiseen.
Valintanappi yhden vaihtoehdon valitsemiseksi ryhmästä.
Komponentti yhden vaihtoehdon valitsemiseksi valintalistasta.
Lomakekomponentti valintaruutujen ja -painikkeiden ryhmittelyyn.
Jaettu painike samankaltaisten toimintojen käynnistämiseen.
Komponentti usein toistuville lomakekentille.
Lomakkeen monirivinen tekstikenttä.
Kellonajanvalintakenttä
Komponentti ilmoitusten esittämiseen.
Komponentti dialogien esitykseen.
Komponentti erilaisten lopputulosten ilmoittamiseen.
Latausindikaattori sisältöjen lataukseen.
Kuvakemainen latausindikaattori.
Komponentti kelluvien ilmoitusten esitykseen.
Apukomponentti Reactin portaalien toteutukseen.
React Hook ilmoitusten toteuttamiseen ruudunlukijalle.
React Hook sisällön näyttämiseen ja piilottamiseen.
Debounce-funktio suorituskyvyn optimointiin.
React Hook, jonka avulla voi tarkistaa renderöidäänkö komponenttia ensimmäistä kertaa.
React Hook media queryn tarkkailuun JavaScriptissa.
React Hook kohdistuksen hallintaan HTML-elementeille, jotka eivät normaalisti saa kohdistusta.
React Hook elementin ulkopuolisen klikkauksen tunnistamiseen.
React Hook sivutuksen toteuttamiseen.
UsePrevious-hook edellisen propin tai tilan arvon tallennukseen.
UseSort-hookia voi käyttää mm. taulukon rivien järjestämiseen.
Throttle-funktio suorituskyvyn optimointiin.
UseToggle-hookia käytetään boolean-tyyppisten tilojen luomiseen.