Bower: Package Manager Front-End yang Pernah Populer Sebelum Era npm Modern

Ada yang masih ingat dengan Bower? Mari sedikit kilas balik ke masa ketika pengembangan web masih sangat identik dengan jQuery, Bootstrap, Font Awesome, dan berbagai library front-end lainnya.

Sebelum Bower: Install Library Masih Serba Manual

Sebelum package manager front-end seperti Bower populer, memasang library seperti jQuery biasanya dilakukan secara manual.

Kita harus membuka website resminya, mengunduh file ZIP, mengekstraknya, lalu menyalin file tersebut ke dalam folder project.

Untuk satu atau dua library mungkin masih terasa sederhana. Tapi kalau dependency mulai banyak, proses update dan pengelolaannya bisa cukup merepotkan.

Bower Datang Membawa Cara yang Lebih Praktis

Kehadiran Bower membuat proses pengelolaan dependency front-end jauh lebih praktis. Developer cukup menjalankan perintah:

bower install jquery

Setelah itu, Bower akan mengunduh dependency yang dibutuhkan dan menyimpannya secara otomatis di dalam folder:

bower_components/

Pada masanya, workflow seperti ini terasa sangat membantu. Tidak perlu lagi download, extract, dan copy-paste library satu per satu. 😎

Kenapa Bower Sekarang Hampir Tidak Digunakan?

Seiring berkembangnya ekosistem JavaScript, kebutuhan aplikasi web juga semakin kompleks. npm yang awalnya sangat identik dengan ekosistem Node.js kemudian semakin luas digunakan untuk mengelola dependency front-end.

Developer akhirnya mulai mempertanyakan kebutuhan menggunakan dua package manager sekaligus.

Kenapa harus menggunakan npm dan Bower dalam satu project kalau npm sudah bisa menangani hampir seluruh dependency yang dibutuhkan?

Dari sinilah penggunaan Bower perlahan mulai menurun, sementara npm dan kemudian Yarn semakin dominan dalam workflow pengembangan web modern.

Bower Resmi Deprecated pada 2017

Salah satu hal menarik dari perjalanan Bower adalah cara proyek ini mengakhiri masa kejayaannya.

Pada tahun 2017, tim Bower secara resmi mengumumkan bahwa proyek tersebut berstatus deprecated dan menyarankan developer untuk melakukan migrasi menggunakan npm atau Yarn.

Bisa dibilang, Bower tidak sekadar menghilang karena ditinggalkan pengguna. Tim pengembangnya menyadari bahwa ekosistem web sudah berubah dan memilih mengarahkan pengguna menuju tooling yang lebih relevan.

Sebuah pensiun yang cukup elegan untuk salah satu tool penting dalam sejarah pengembangan front-end. 😄

Bower, bower_components, dan node_modules

Developer generasi lama kemungkinan masih ingat masa ketika satu project memiliki dua folder dependency sekaligus:

project/
├── bower_components/
├── node_modules/
├── src/
└── index.html

bower_components digunakan untuk dependency front-end yang dikelola Bower, sedangkan node_modules digunakan untuk package yang dikelola npm.

Sekarang sebagian besar workflow JavaScript modern sudah menyatukan kebutuhan tersebut melalui satu ekosistem package manager seperti npm, Yarn, atau pnpm.

Kesimpulan

Walaupun kini sudah jarang digunakan, Bower punya peran penting dalam evolusi tooling web. Ia membantu memperkenalkan workflow pengelolaan dependency front-end yang jauh lebih praktis dibanding metode download dan copy-paste manual.

Bagi developer yang aktif ngoding web di era jQuery dan Bootstrap dulu, nama Bower mungkin membawa sedikit nostalgia.

Siapa di sini yang pernah merasakan punya bower_components dan node_modules sekaligus dalam satu project? 🤣

http://bower.io

https://bower.io/blog/2017/how-to-migrate-away-from-bower