Membuat single page app dengan vuex

Belajar konsep vuex, konsep flux yang cukup populer dengan membuat single page application. Dengan konsep ini, data-data yang ada pada apliasi Vue menjadi lebih terorganisir

Detail Kelas

  • Install vue cli vuex dan struktur folder

    Kita mulai dengan install vue cli dan juga vuex. Kita juga akan melihat struktur folder yang direkomendasikan untuk aplikasi yang menggunakan vuex

  • State dan getters

    Kenalan dengan state dan juga getter sebagai tempat awal mengambil data pada aplikasi vuex

  • Membuat component member

    membuat component yang akan dipakai di beberapa tempat pada aplikasi member menggunakan vuex

  • Singleview, action dan mutaiton

    Mengenal dan melihat perbedaan antara action dan mutation pada vuex yang bertanggung jawab untuk melakukan manipulasi pada data awal. Kita juga akan membuat singleview pada aplikasi member ini.

  • Tampilkan semua member dan edit component

    Bagaimana cara mengedit component secara langsung melalui aplikasi vuex yang kita buat?

  • Tambah member baru

    Menambah member atau data baru, kita akan mempertajam bagaimana alur pada vuex, ketika kita ingin memanipulasi data yang ada pada state melalui action dan mutation

  • Menghapus berdasarkan id

    Menghapus member atau data, kita akan mempertajam lagi bagaimana alur pada vuex, ketika kita ingin memanipulasi data yang ada pada state melalui action dan mutation

  • Menambah bumbu css

    Bikin aplikasi member yang dibuat dengan vuex ini jadi jauh lebih cantik dengan CSS tentunya

  • UX yang lebih baik

    Ada hal yang bisa kita tambahkan untuk memaksimalkan user experience alias cara user berinteraksi dengan aplikasi ini