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

Development vuejs Sekolahkoding
Category Label Platform
Membuat single page app dengan vuex

Free Courses : Membuat single page app dengan vuex


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

Related Posts:
  1. Membuat API Forum dengan Laravel
  2. Mengenal Namespace dan psr-4 autoload
  3. Tutorial CRUD Framework CodeIgniter 4 & Bootstrap 4
  4. Belajar Kotlin dari dasar
  5. Belajar konsep OOP PHP

You can support us by donate with buy us a coffee. We appreciate your donation to our work for share free udemy courses.

Get courses alert everyday on our Telegram Channel. Join Now

Insidelearn Telegram Channel

Share this courses to your friends, community.

10,000+ People trust Insidelearn! Get courses alert on Telegram or Discord.