Mungkin
beberapa dari kalian sudah menggunakan Component Based seperti pada React JS,
dengan component kita bisa membuat source code yang reusable dan lebih efisien,
component yang sudah kita buat biasanya dipakai juga di project lain, kalau
misalnya ada platform untuk share component kita ke repository dan orang lain
dapat menggunakan component yang kita buat pasti akan lebih mudah. Contoh platform
tersebut adalah Bit.
Bit adalah tools
open source (GitHub) dan platform yang memungkinkan untuk membuat dan
membagikan koleksi komponen UI sesuai dengan kebutuhan anda. Dengan penggunaan
Bit component yang kita buat bisa di reusable dan di share ke project lainnya.
Component
yang kita buat bisa di sync dengan project lain, sehingga orang lain yang
menggunakan component kita bisa ikut serta dalam merawat component tersebut.
Bit muncul untuk menyelesaikan masalah developer dalam me-manage component yang
biasa digunakan untuk beberapa project yang dia kerjakan.
Pada
pembahasan kali ini saya akan menjelaskan sedikit tentang implementasi bit pada
react js framework
Sebelum
menggunakan bit, install terlebih dahulu framework react js di direktori
kalian, untuk lebih jelas silahkan liat ke official website react js https://reactjs.org/docs/getting-started.html
Setelah
project react selesai di install, silahkan install bit pada environment project
tersebut dengan command
$ bit init
Add and Track with Bit
Untuk
menambahkan component yang ingin di share
$ bit add {fileDirectory} --id {componentName}
Dan untuk
tracking status bit anda
$ bit status
Bundle your Component
Untuk
memastikan component kita jalan di react component
$ bit import bit.envs/compilers/react -c
Build your Component
Untuk build
component yang sudah dibuat
$ bit build {componentName}
Lock your Component version
Untuk memberikan
versi terhadap component yang sudah dibuat
$ bit tag {componentName}
Export your Component
Untuk share
component yang sudah dibuat ke repository
$ bit export {username}.{scope}
Using your Component
Untuk konfigurasi
bit pada project anda
$ npm config set @bit:registry https://node.bitsrc.io
Dan untuk menggunakan component anda
$ npm install @bit/{username}.{scope}.{componentName}
Using in your Project
Import component
yang sudah dibuat
import MyComponent from '@bit/{username}.{scope}.{componentName}';dan panggil component tersebut
<MyComponent />
References
No comments:
Post a Comment