Rakentakaa oikeita käyttöliittymiä Reactilla
React on JavaScript-kirjasto, joka määrittää, miten useimmat tuotantokäyttöön tarkoitetut käyttöliittymät nykyään rakennetaan — yhden sivun sovelluksista ja Next.js-sivustoista monialustaisiin mobiili- ja työpöytäsovelluksiin. Tämä kokonaisuus kattaa koko osaamisalueen: komponenttiarkkitehtuurin, tilanhallinnan, datan haun, suorituskyvyn, testauksen ja käyttöönoton. Lähtökohtana on Reactin todellinen toimintatapa — reconciler, fiber-malli ja hookien semantiikka — ei vain sen pintatason API.
Mitä opitte
Aloitatte JSX:stä, propseista, tilasta ja kontrolloiduista komponenteista ja siirrytte sitten aiheisiin useEffect, useRef ja useReducer. Käytännön kursseilla käsitellään reititystä React Router v6:lla, lomakkeiden käsittelyä React Hook Formilla, palvelintilaa React Querylla ja SWR:llä sekä globaalia tilaa Redux Toolkitilla, Zustandilla ja Jotaiilla. Työskentelette TypeScriptin kanssa Reactissa, kirjoitatte integraatio- ja E2E-testejä, rakennatte suunnittelujärjestelmiä Storybookilla, käsittelette WebSockets-yhteyksien kautta toimivia reaaliaikaisia käyttöliittymiä ja toimitatte tyyppiturvallisia rajapintoja tRPC:llä. Kokonaisuuteen kuuluvat myös Next.js App Router, palvelinkomponentit, palvelintoiminnot ja tunnistautuminen NextAuth.js:llä.
Oppimispolku
Yhdeksänkymmentäviisi kurssia etenee tasolta A1 tasolle C1. A1- ja A2-kurssit luovat perustan Reactille, JSX-renderöinnille, CSS-animaatioille, paikallisen tallennustilan säilyvyydelle ja tummalle tilalle. B1-kursseilla rakennatte varmuutta kontekstimalleilla, i18n:llä, React Springillä, Framer Motionilla, vedä ja pudota -toiminnoilla dnd-kitillä sekä monimutkaisilla datataulukoilla TanStack Tablella. B2-kursseilla käsitellään renderöintiä ja memoisaatiota, Suspensea, koodin jakamista, React Nativea React-kehittäjille, käyttöönottoa Vercelissä ja AWS:ssä sekä Electronia työpöytäsovelluksiin. C1-taso päättyy edistyneisiin aiheisiin: Mikrofrontend-arkkitehtuuri, SSR ja hydraation perusteet, Module Federation, saariarkkitehtuuri Astron kanssa, WebAssembly-integraatio, reunapalvelinrenderöinti Cloudflare Workersilla ja OpenTelemetry frontendin observointiin.
Näin se toimii
Jokainen kurssi on jaettu lyhyisiin ja keskittyneisiin oppitunteihin, jotka suoritatte sisäänrakennetussa koodieditorissa reaaliaikaisen palautteen avulla. Tekoälytutor on käytettävissänne aina, kun jokin käsite tai epäonnistuva testi tuottaa vaikeuksia. Voitte edetä kokonaisuuden läpi järjestyksessä tai siirtyä suoraan tasolle, joka vastaa nykyistä kokemustanne.
