Issue management app as education sample app for learning basics of npm, webpack, VueJs and Vuex. Knowledge of HTML, ES6 JS a Bootstrap 4 is required. Demo deployed on GH pages.
All steps below have own git tag, so git checkout N-... to finish the step.
Basic configuration of webpack, dependencies in package and development via dev-server.
Enabling vuex with first issues loaded from json fixture. First v-for in template.
Using 3-rd party module with components, custom webpack loaders, props usage.
First component for encapsulating issues application, first custom props definition.
State manipulation, $refs usage, vuex mapping utilities.
Vuex plugin to keep vuex state in LocalStorage.
First custom slot, creating issues via state actions.
State actions, v-if usage.
New filter component, first usage of v-model, dynamic (reactive) data via computed properties.
Integration of vuedraggable, issues have handle icon to drag and drop to change order.
Toggling two elements based on mouse events.
Josef Kolář, @thejoeejoee