Integrasi Vuejs dengan Django

Sebelum masuk ke inti tulisan, ada beberapa disclaimer terlebih dahulu 1. Di sini tidak membahas struktur membuat template di django 2. Menggunakan vue js versi 2 (dan axios untuk ajax call ) yang versi CDN 3. Untuk kebutuhan REST saya menggunakan https://dummyapi.io/ Alasan menggunakan vue  dan disambungkan dengan django…

Membuat Middleware Dengan Vue-Router

Middleware yang saya pahami adalah suatu fungsi atau metode yang berguna untuk menyaring request yang masuk. Contoh paling umum adalah: halaman atau request yang hanya bisa diakses saat user telah login atau memiliki akses. Jika user belum login atau tidak memiliki akses maka request akan ditolak. Penerapan di Vue router…

Auto Reload Dengan BrowserSync

Sesuai judul tulisan ini bertujuan agar saat mendesain sebuah website tampilan akan otomatis berubah di peramban ( browser ) tanpa di muat ulang manual. Fitur ini biasanya sudah terpasang jika kita menggunakan framework atau library javascript modern seperti React dan Vue misalnya. Persiapan Pastikan nodejs sudah terpasang, saya menggunakan node versi 8.…

Vue: Catatan Belajar Vuex Namespaced

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…

Vue: Catatan Belajar Modular Vuex

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…

Vue: Catatan Belajar mapHelper Vuex

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…

Vue: Belajar Vuex Lagi

> 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…

Integrasi Pusher + Nuxt

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…