Reactivity atau keaktifan adalah fitur penting dalam Vue.js yang memungkinkan pengembang untuk menciptakan antarmuka pengguna yang dinamis dan responsif. Dalam Vue.js 3, fitur reactivity telah ditingkatkan dengan penggunaan Proxy API JavaScript yang efisien. Artikel ini akan menjelaskan konsep reactivity dalam Vue.js 3 dan memberikan contoh kode untuk memahami penggunaannya.
Continue readingCategory: Programming
Bikin Domain Untuk Localhost? Begini Caranya Membuat VirtualHost
biasanya kalau kita mendevelop web tentunya kita bakal melakukan uji coba terlebih dahulu di komputer kita sendiri sebelum kita upload ke server agar bisa di akses oleh banyak orang, nah saat kita melakukan development di windows biasanya kita menggunakan software Xampp, default nya kita akan menaruh project kita pada directory C:\xampp\htdocs kemudian kita mengakses di browser pada link http://localhost/[direktori projek]
nah gimana nih kalau kita pengen mengaksesnya seperti website dengan domain pada umumnya pakai domain .com / .co.id atau domain domain lainnya? nah kita bisa membuat yang namanya VirtualHost, dan bahkan dengan menggunakan VirtualHost kita bisa membuat domain dengan custom sendiri untuk local development saya sendiri biasanya menggunakan domain .test / .local / .dev, bahkan kita bisa menyimpan project kita selain di folder C:\xampp\htdocs oke tanpa berlama lama langsung kita praktekkan saja
Bikin Widget Testing di Flutter
sebelumnya kita sudah membahas tentang unit testing, sekarang kita akan membahas Widget Testing. kita tentu tau Aplikasi pada Flutter dibangun dengan sekumpulan widget, widget adalah sebutan tiap komponen pada Flutter. kita perlu tau Widget tersebut berjalan sesuai dengan harapan kita atau tidak maka kita memerlukan yang namanya Widget Testing. pada dasarnya Widget Testing dan Integration Testing adalah hal yang sama, bedanya disini lingkup dari Integration Testing lebih luas karena mencakup keseluruhan fitur yang berarti banyak widget yang akan di test, sedangkan Widget Testing hanya terfokus pada satu Widget saja.
Bikin Unit Testing di Flutter
dalam membuat aplikasi kita memerlukan testing untuk mengetahui kode kita sudah benar atau tidak dan apakah aplikasi dapat berjalan sesuai dengan Goal nya. kebanyakan dari kita melakukan testing dengan cara manual seringkali membutuhkan waktu yang cukup lama karena dilakukan secara manual, terkadang hasilnya juga kurang maksimal karena ada test case yang terlewatkan.
Continue reading10 Library pada Flutter yang mempermudah dalam membuat Aplikasi
Dalam membuat aplikasi kita tentu memerlukan Library agar proses development jadi lebih mudah. Flutter mempunyai satu tempat yang menyediakan banyak library yaitu di pub.dev. dari sekian banyak library yang ada beberapa memiliki penggunaan yang mudah dan cukup membantu developer. kali ini saya akan membahas 10 Library yang biasa saya pakai dalam membuat aplikasi di Flutter.
Penyimpanan Data Offline di Flutter dengan Floor
Penyimpanan data lokal sangat diperlukan untuk Aplikasi yang membutuhkan akses data secara offline. salah satu metode penyimpanan data secara offline pada aplikasi mobile adalah menggunakan SQLite. SQLite adalah database tanpa server yang berdiri sendiri yang bisa diinstall ke dalam aplikasi mobile. pada Flutter terdapat beberapa library SQLite yang bisa di pakai salah satunya adalah Floor. Floor adalah library yang memanfaatkan SQLite abstraction, mirip dengan Room jika di Android Native. memiliki beberapa kelebihan seperti null-safe, typesafe, reactive, ringan, simpel, dan cross platform (bisa dipakai di android, ios, Linux, MacOS, dan Windows)
Continue readingBikin List di Jetpack Compose
pada artikel yang lalu kita sudah berkenalan dengan Jetpack Compose, cara baru bikin UI tanpa perlu bikin file xml. kali ini kita akan membahas gimana cara bikin list di jetpack compose yang pasti lebih simpel dan mudah daripada bikin list di xml, apakah benar begitu ? mari kita buktikan.
pada UI lama kita harus melalui beberapa tahapan seperti bikin view untuk tiap item, bikin model untuk data pada list item, bikin adapter, konfigurasi adapter biar bisa terhubung sama recyclerview, dan memasukkan data ke adapter biar datanya bisa tampil di UI. di Jetpack Compose, kita hanya memerlukan beberapa baris kode saja tanpa perlu bikin Adapter. ada 2 cara di Jetpack Compose, yang bisa digunakan untuk membuat list, yaitu pakai Column/Row dan pakai Lazy Layout. kita coba bikin pakai Column terlebih dahulu.
Continue reading