Daftar dan Belajar Sekarang!

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

Poin: 90 EXP

❱ Intro

install vue cli vuex dan struktur folder locked icon

❱ Konsep Vuex

state dan getters locked icon membuat component member locked icon singleview, action dan mutaiton locked icon

❱ CRUD aplikasi

Tampilkan semua member dan edit component locked icon Tambah member baru locked icon menghapus berdasarkan id locked icon

❱ Tambahan

Menambah bumbu css locked icon UX yang lebih baik locked icon download icon

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


Membuat single page app dengan vuex

time icon 1 tahun yang lalu
level icon Sulit