Pengenalan Vue.js

Apa itu Vue.js?

Vue (dibaca seperti view) merupakan sebuah progressive framework open source untuk membangun user interface.  Tidak seperti framework monolithic lainnya, Vue didesain agar dapat beradaptasi secara bertahap, sehingga integrasi ke dalam project yang menggunakan library JavaScript lainnya menjadi mudah. Selain itu, Vue juga mampu digunakan untuk aplikasi single-page yang rumit jika dikombinasikan dengan library pendukung dan tooling modern.

Sejarah 

Vue dibuat oleh Evan You setelah bekerja untuk Google menggunakan AngularJS pada beberapa projectnya. Evan You membuat Vue setelah berpikir untuk mengambil bagian yang ia suka dari Angular dan membuat sesuatu yang ringan tanpa konsep ekstra yang diak diperlukan. Vue dirilis pada Febuari 2014.

Akhir-akhir ini Vue sudah berkembang pesat dalam jumlah star pada GitHub, membuatnya menjadi project open source paling populer dalam GitHub kategori umum dan paling populer ke-dua dalam kategori framework/library JavaScript (setelah React).
Link GitHub Vue bisa diakses di sini.

Mengapa harus Vue.js?

Berikut alasan GitLab, sebuah web based Git repository manager memilih untuk menggunakan Vue.js sebagai framework JavaScript mereka.

Sederhana dan mudah dipakai

Hal utama yang menarik GitLab pada Vue.js adalah Vue.js memungkinkan team mereka untuk menulis JavaScript sederhana dengan mudah. Memulai dengan Vue.js sangatlah mudah, source codenya sangat mudah dibaca, dan dokumentasinya merupakan panduan satu-satunya yang kalian akan butuhkan. Kalian tidak butuh library ekstrernal. Kalian bisa memakainya dengan atau tanpa jQuery. Kalian tidak butuh menginstall plugin, walaupun banyak yang tersedia.

Hal yang GitLab cintai dari Vue.js: Vue.js merupakan kombinasi dari struktur dan kesederhanaan yang elegan. Data untuk view masuk ke dalam sebuah object yang disebut data, namun datanya dapat berada di situ dan terlihat seperti apapun yang kalian mau. Semua fungsi yang kalian tulis sebagai callback untuk event masuk ke dalam objek methods, namun mereka dapat melakukan atau mengembalikan apapun yang kalian mau. Vue.js tahu saat hal-hal berubah dan mengupdate view kalian, sehingga kalian menulis code lebih sedikit.
Berikut video mengapa GitLab memilih Vue.js.



Referensi: 

Comments

Post a Comment

Popular posts from this blog

Perbandingan Vue.js dengan React

Vue.js vs React Kesamaan antara Vue dan React adalah keduanya: menggunakan virtual DOM menyediakan view components yang reaktif dan composable berfokus pada library utama, dengan perhatian routing dan global state management ditangani oleh library pendamping Performance Baik React maupu Vue menyediakan performa yang sebanding dalam sebagian besar kasus, dengan Vue sedikit lebih unggul karena implementasi Virtual DOMnya yang lebih ringan. Data benchmark dapat dicek di sini . Benchmark tersebut berfokus pada performa raw rendering/updating. Dengan MobX MobX sudah menjadi cukup populer di dalam komunitas React dan sebenarnya menggunakan reactivity system yang hampir sama dengan Vue. Sampai batasan tertentu, arus kerja React + MobX bisa dibayangkan sebagai Vue yang lebih bertele-tele, jadi jika kalian menggunakan kombinasi tersebut dan menyukainya, beralih ke Vue mungkin merupakan langkap berikutnya yang masuk akal. Kemiripan  Menggunakan Virtual DOM De...
Read more

Fitur Vue.js

Templates Vue menggunakan sintaksis template berbasis HTML yang memungkinkan penggunanya untuk melakukan bind secara deklaratif terhadap rendered DOM ke data dari Vue Intance . Semua template Vue.js adalah HTML valid yang bisa diparse oleh spec-compilant browser dan HTML parsers. Untuk informasi lengkap mengenai sintaksis template Vue.js, dapat mengunjungi halaman ini . Reactivity Salah satu fitur paling berbeda dari Vue adalah unobtrusive reactivity system . Model hanyalah objek JavaScript kosong. Saat kalian memodifikasinya, terjadi update pada view. Hal ini membuat pengolahan state menjadi sederhana dan intuitif. Vue menyediakan re-rendering teroptimasi secara langsung, tanpa perlu disiapkan oleh penggunanya. Setiap komponen menyimpan jejak ketergantungan reaktifnya saat melakukan render, sehingga sistem mengetahui secara pasti kapan harus melakukan render ulang, dan komponen mana yang di render ulang. Components Components adalah salah satu fitur terkuat dari Vue. ...
Read more