State-Management in Vue.js-Anwendungen

2. Juli 2021, 9–17 Uhr

Vuex ist ein State-Management-Pattern und eine Bibliothek für Vue.js-Anwendungen. Es dient als zentraler Speicher für alle Komponenten in einer Anwendung.

Wir wollen uns gemeinsam anschauen, wie Vuex in Vue-Anwendungen integriert werden kann und lernen mächtige Pattern zur Verwaltung von Zuständen. In diesem Workshop werden wir von einem Boilerplate-Vue-Cli-Projekt zu einer vollwertigen Anwendung gehen, die Vuex in vollem Umfang mit Modulen, Plug-ins und mehr nutzt!

Im Rahmen des Workshops werden die drei State-Management-Bibliotheken Vuex, XState und Pinia vorgestellt, wobei die Funktionsweise von Vuex genauer unter die Lupe genommen wird.

Vorkenntnisse

  • Grundlagen in JavaScript und Vue

Lernziele

  • Überblick über State-Management in Vue
  • Grundlagen der Integration von Vuex in Vue-Anwendung, einschließlich Actions, Mutations und Getters
  • Gängige Vuex-Pattern

Agenda

  • 09:00–10:15 Uhr: Begrüßung, Vorstellung, was ist State-Management
  • 10:15–10:30 Uhr: Pause
  • 10:30–11:30 Uhr: Einführung in VueX
  • 11:30–11:40 Uhr: Pause
  • 11:40–12:40 Uhr: Bausteine von VueX + Hands-On
  • 12:40–13:40 Uhr: Mittagspause
  • 13:40–14:25 Uhr: Modules uns bessere Wartbarkeit in VueX + Hands-On
  • 14:25–14:35 Uhr: Pause
  • 14:35–15:30 Uhr: Advanced VueX
  • 15:30–15:45 Uhr: Pause
  • 15:45–16:45 Uhr: Einblick in Pinia und XState
  • 16:45–17:00 Uhr: Abschluss und Ausblick

 

Technische Anforderungen

Zur Teilnahme wird Laptop oder Desktop-Rechner benötigt. Ein Headset wird empfohlen, ist aber kein Muss. Die Teilnehmenden sollten vorab die aktuelle Version von Node.js (14.16.0 LTS oder höher) und einen modernen Webbrowser installieren. Für die Übungen ist eine IDE oder ein Editor für JavaScript mit Vue.js- und TypeScript-Integration empfohlen.

Speaker

 

Evgeny Sacharow
Evgeny Sacharow ist leidenschaftlicher Full-Stack-Entwickler mit großer Empathie zu Vue.js und Laravel. Unter anderem engagiert er sich als Trainer bei workshops.de und als Speaker bei Meetups.


enterJS-Newsletter

Sie möchten über die enterJS
auf dem Laufenden gehalten werden?

 

Anmelden