❱ Intro
install vue cli vuex dan struktur folder
❱ Konsep Vuex
state dan getters
membuat component member
singleview, action dan mutaiton
❱ CRUD aplikasi
Tampilkan semua member dan edit component
Tambah member baru
menghapus berdasarkan id
❱ Tambahan
Menambah bumbu css
UX yang lebih baik
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
2 tahun yang lalu
Sulit