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