Baue echte Interfaces mit React
React ist die JavaScript-Bibliothek, die definiert, wie die meisten produktiven UIs heute entwickelt werden — von Single-Page-Apps und Next.js-Websites bis zu plattformübergreifenden mobilen und Desktop-Anwendungen. Dieser Track behandelt die gesamte Disziplin: Component Architecture, State Management, Data Fetching, Performance, Testing und Deployment. Er basiert auf dem Verständnis, wie React tatsächlich funktioniert — der Reconciler, das Fiber-Modell, die Hooks-Semantik — nicht nur auf seiner oberflächlichen API.
Was du lernen wirst
Du wirst mit JSX, Props, State und kontrollierten Komponenten beginnen, dann zu useEffect, useRef und useReducer übergehen. Praktische Kurse behandeln Routing mit React Router v6, Formularverarbeitung mit React Hook Form, Server State mit React Query und SWR, globalen State mit Redux Toolkit, Zustand und Jotai. Du wirst mit TypeScript in React arbeiten, Integration und E2E Tests schreiben, Design Systems mit Storybook entwickeln, Echtzeit-UIs über WebSockets handhaben und Type-sichere APIs mit tRPC bereitstellen. Der Pfad umfasst auch Next.js App Router, Server Components, Server Actions und Authentication mit NextAuth.js.
Der Lernpfad
Fünfundneunzig Kurse gehen von A1 bis C1. Die A1- und A2-Kurse vermitteln React-Grundlagen, JSX-Rendering, CSS-Animationen, Local Storage Persistierung und Dark Mode. B1-Kurse bauen Vertrauen mit Context-Patterns, i18n, React Spring, Framer Motion, Drag-and-Drop mit dnd-kit und komplexen Datentabellen mit TanStack Table auf. B2-Kurse behandeln Rendering und Memoization, Suspense, Code Splitting, React Native für React-Entwickler, Deployment auf Vercel und AWS sowie Electron für Desktop-Apps. Die C1-Stufe endet mit fortgeschrittenen Themen: Micro-Frontend-Architektur, SSR und Hydration Deep Dive, Module Federation, Islands Architecture mit Astro, WebAssembly-Integration, Edge Rendering mit Cloudflare Workers und OpenTelemetry für Frontend Observability.
So funktioniert es
Jeder Kurs ist in kurze, fokussierte Lektionen unterteilt, die du im integrierten Code-Editor mit Echtzeit-Feedback abschließt. Ein AI-Tutor steht dir zur Verfügung, wenn du bei einem Konzept oder einem fehlgeschlagenen Test stecken bleibst. Du kannst den Track sequenziell durcharbeiten oder zur Stufe springen, die deiner aktuellen Erfahrung entspricht.