SolidJS Komplettkurs

SolidJS ist eine der spannendsten Optionen für performante Web-Frontends, weil Updates ohne Virtual DOM direkt am DOM landen. In diesem SolidJS Kurs baust du Schritt für Schritt eine realistische Single Page Application mit Vite und TypeScript und lernst, wie Signals, Memos und Effects zusammenspielen. Sie üben sauberes State Management mit Stores, strukturieren Datenflüsse für API-Calls inklusive Loading- und Error-Handling und setzen Routing mit Code-Splitting um. Ein Schwerpunkt liegt auf typischen Stolpersteinen in reaktiven Systemen, Debugging und Performance-Entscheidungen, damit Ihre UI auch unter Last stabil bleibt. Am Ende haben Sie ein belastbares Projektgerüst, das Sie in eigenen Produkten weiterverwenden können, inklusive Testing-Ansatz und Deployment-Checkliste.

• SolidJS richtig einordnen
  • Reaktivitätsmodell: Signals statt Virtual DOM
  • Wann SolidJS React, Vue oder Svelte schlägt
  • Projekt-Setup mit Vite und TypeScript
• Komponenten, JSX und Rendering
  • Komponentenstruktur und Props
  • Control Flow: <For>, <Show>, <Switch>
  • Styling-Strategien und UI-Patterns
• Reaktivität in der Praxis
  • createSignal, createMemo, createEffect
  • Fehlerbilder: unnötige Effekte, Abhängigkeiten
  • Performance-Denken: Updates gezielt halten
• State Management mit Stores
  • createStore vs. Signals: Entscheidungskriterien
  • Immutable Patterns und Updatestrategien
  • Derived State und Datenkonsistenz
• Daten, APIs und Nebenläufigkeit
  • Fetch-Patterns, Loading- und Error-States
  • Resources und Caching-Ansätze
  • Formulare: Validierung und UX
• Routing, Code-Splitting und App-Struktur
  • Solid Router: Routen, Layouts, Guards
  • Lazy Loading und Chunking
  • Projektstruktur für wachsende Apps
• Testing, Debugging und Deployment
  • Komponententests und Integrationschecks
  • Debugging von Reaktivitätsketten
  • Build, Env-Handling und Deployment-Workflow

Nach dem Kurs können die Teilnehmenden SolidJS-Anwendungen mit Vite und TypeScript strukturiert aufsetzen und reaktive Datenflüsse mit createSignal, createMemo und createEffect sauber modellieren. Sie wählen passend zwischen Signals und createStore, implementieren API-Integration mit robustem Fehler- und Ladezustandsmanagement und setzen Routing inklusive Lazy Loading um. Zusätzlich können sie typische Performance- und Debugging-Probleme in SolidJS gezielt analysieren und beheben.

• Kurze Theorie-Impulse mit Live-Coding
• Geführte Übungen und eigenständige Praxisaufgaben
• Durchgehendes Praxisprojekt mit Review-Schleifen
• Checklisten für Architektur, Performance und Deployment

• Sichere Grundlagen in JavaScript, DOM, HTML und HTTP/REST
• TypeScript-Grundlagen
• Erfahrung mit einem Component-Framework (z.B. React oder Vue) wird empfohlen.

• Frontend-Entwicklerinnen und Frontend-Entwickler mit React/Vue-Erfahrung
• JavaScript- und TypeScript-Entwicklerinnen und Entwickler, die SolidJS produktiv einsetzen wollen
• Softwareentwicklerinnen und Softwareentwickler, die UI-Performance messbar verbessern müssen
• Tech Leads, die Framework-Entscheidungen fundiert treffen wollen
• Alle, die SolidJS im Projekt bewerten, einführen oder ablösen wollen