javascript
Pada tulisan sebelumnya yang tentang modular ada satu yang kurang sreg bagi saya, mengenai penamaan getters, mutations, dan actions yagn tidak boleh sama. Bagi saya ( dan bisa beda bagi yang lain ) misal jika saya sudah memisahkan satu alur katakanlah crud ke dalam satu berkas/module lalu module itu saya beri
javascript
Salah satu fitur vuex yang membantu jika ukuran store sudah membengkak yaitu dengan sistem modular, sederhananya membuat module untuk spesifik state management. Konfigurasi Buat satu berkas sejajar dengan vuex ( store/index.js ), misal saya membuat module “product” yang bertanggung jawab dalam urusan CRUD produk (misalnya ), saya buat dengan nama berkasnya
javascript
Di tulisan sebelumnya saya menulis bagaimana menggunakan getters, mutation, dan actions. Di tulisan ini juga masih membahas yang sama, bedanya saat memanggil ketiga hal tadi kita akan gunakan “helper” yaitu: mapGetters, mapMutations, mapActions. mapGetters Sesuai namanya helper ini berfungi sebagai helper untuk getters, sederhananya mapGetters ini mapping ( istilah yang enak
javascript
Belajar Lagi: Tulisan ini dibuat setelah saya menggunakan vuex dan terlalu “dipaksakan” lalu setelah baca-baca lagi dokumentasi masih ada beberapa fitur dari vuex yang belum saya gunakan untuk memudahkan saya. Apa itu vuex? Menurut saya, vuex merupakan sentralisasi “data” atau kumpulan state yang memudahkan kita saat data atau state tersebut
javascript
Pusher dari web pusher-comunity ngeklaim sebagai layanan real time yang sangat mudah digunakan. Biasanya pusher digunakan untuk mengirimkan notifikasi dan sebagainya. Kali ini saya mencoba integrasikan pusher dengan nuxt. Pusher SIlahkan daftar dulu di pusher.com dan pilih saja yang gratis, lalu setelah itu buat “app” baru di dashboard. Di
javascript
Req: * Nuxt 2 dengan backend express.js dan axios * express-session: Untuk menyimpan session user yang login * body-parser: Untuk menangkap request dari form body. Skenario: * Aplikasi memiliki 3 halaman * Home (index): Bisa diakses sebelum atau sesudah login * Login: Hanya bisa diakses jika belum login, saat diakses setelah login akan diarahkan ke
i18n
Kebetulan ada permintaan membuat fitur ubah bahasa di aplikasi yang sedang dibuat, karena sedang mengerjakan di NUXT saya nemu nuxt-i18n di bagian community, namun gagal saya terapkan mungkin saya yang kurang sabar dalam ngedebug. Akirnya saya ikuti pepatah kuno “banyak jalan menuju Roma” karena yang itu gak berhasil, saya cari
javascript
Fitur umum yang hampir ada di setiap aplikasi adalah fitur login, fungsi paling sederhana dari fitur ini salah satunya untuk mengatur hak akses dari seorang pengguna. Misalkan ada halaman atau aksi yang hanya bisa diakses oleh pengguna yang sudah terautentikasi, sedangkan jika belum, aksi atau halaman tersebut tidak bisa dilakukan
javascript
Jadi kemarin ada yang komen menanyakan kenapa di tulisan saya tentang vuex tidak ada fungsi mapGetters sedangkan saat dia baca tulisan orang lain ada, jawaban saya sih karena waktu saya belajar vuex saya baca gak wajib juga, tapi emang mapGetters cukup membantu. Nah, tulisan kali ini coba menjawab pertanyaan dari