Buduj prawdziwe interfejsy z Reactem
React to biblioteka JavaScript, która definiuje sposób, w jaki budowane są dzisiaj większość produkcyjnych interfejsów użytkownika — od aplikacji jednostronicowych i stron Next.js po aplikacje mobilne i desktopowe działające na wielu platformach. Ten ścieżka obejmuje całą dyscyplinę: architekturę komponentów, zarządzanie stanem, pobieranie danych, wydajność, testowanie i wdrażanie. Opiera się na rzeczywistym działaniu Reacta — reconciler, model fiber, semantyka hooks — nie tylko na jego powierzchniowym API.
Czego się nauczysz
Zaczniesz od JSX, props, state i kontrolowanych komponentów, a następnie przejdziesz do useEffect, useRef i useReducer. Praktyczne kursy obejmują routing z React Router v6, obsługę formularzy z React Hook Form, stan serwera z React Query i SWR, stan globalny z Redux Toolkit, Zustand i Jotai. Pracować będziesz z TypeScript w React, pisać testy integracyjne i E2E, budować design systems ze Storybook, obsługiwać interfejsy czasu rzeczywistego przez WebSockets i dostarczać interfejsy API bezpieczne typami z tRPC. Ścieżka obejmuje również Next.js App Router, komponenty serwerowe, akcje serwerowe i uwierzytelnianie z NextAuth.js.
Ścieżka nauki
Dziewięćdziesiąt pięć kursów rozciąga się od A1 do C1. Kursy A1 i A2 ustalają fundamenty Reacta, renderowanie JSX, animacje CSS, trwałość lokalnego magazynu i tryb ciemny. Kursy B1 budują pewność siebie ze wzorcami context, i18n, React Spring, Framer Motion, drag-and-drop z dnd-kit i złożonymi tabelami danych z TanStack Table. Kursy B2 zajmują się renderowaniem i memoizacją, Suspense, code splitting, React Native dla programistów React, wdrażaniem do Vercel i AWS oraz Electron do aplikacji desktopowych. Poziom C1 kończy się zaawansowanymi tematami: Architektura Micro-Frontend, SSR i Deep Dive Hydration, Module Federation, Islands Architecture z Astro, Integracja WebAssembly, Edge Rendering z Cloudflare Workers i OpenTelemetry do obserwacji frontendu.
Jak to działa
Każdy kurs podzielony jest na krótkie, skoncentrowane lekcje, które wykonujesz w wbudowanym edytorze kodu z opóźnionym czasowo sprzężeniem zwrotnym. Tutor AI jest dostępny, gdy utkniesz na koncepcji lub testie, który się nie powoduje. Możesz przechodzić przez ścieżkę sekwencyjnie lub przejść do poziomu, który odpowiada Twojemu obecnemu doświadczeniu.