Cara berkongsi komponen reaksi antara aplikasi dengan bit

bit: alat yang berkuasa untuk perkongsian komponen reaksi yang cekap

Artikel ini memperkenalkan BIT, alat sumber terbuka yang dapat meningkatkan kecekapan perkongsian kod antara projek, terutama komponen React, dengan overhead tambahan yang sangat rendah. Pemaju boleh menggunakan bit untuk berkongsi bahagian asas kod dan menggunakannya dalam projek lain untuk menyegerakkan perubahan dengan mudah tanpa memisahkan asas kod atau mengubahsuai struktur kod sumber.

bit adalah seperti projek sumber terbuka yang berfungsi bersamaan dengan Git dan NPM untuk mempercepatkan perkongsian kod, mengurangkan overhead tambahan pangkalan kod pemisahan dan mengubah pelbagai pakej. Anda boleh dengan mudah berkongsi bahagian mana -mana repositori yang sedia ada, menggunakannya dalam projek lain, dan mudah menyegerakkan perubahan.

kesukaran dalam perkongsian komponen

Pertimbangkan aplikasi React dengan lapan komponen yang boleh diguna semula (terletak di direktori Src/Components), beberapa di antaranya juga menggunakan gaya global. Jika anda ingin menggunakan salah satu komponen ini dalam aplikasi lain, sebelum muncul, pendekatan utama adalah untuk memecah repositori, membuat repositori baru, tambahkan semua konfigurasi yang diperlukan (termasuk persekitaran binaan dan ujian), dan menerbitkan pakej. Untuk lapan komponen, proses ini perlu diulang lapan kali, dan ia juga menyebabkan duplikasi kod. Ia berakhir dengan sembilan repositori yang dikekalkan dan perubahan dibuat di antara mereka.

Lerna boleh membantu, tetapi ia memaksa asas projek untuk refactored menjadi monorepo, dan walaupun demikian, ia masih memerlukan definisi manual dan penyelenggaraan tetapan dan pokok pergantungan untuk semua pakej ini dalam permohonan. Selain itu, semua pakej ini tidak dijumpai, yang membuat pengangkatan lebih sukar. Menghadapi overhead tambahan ini, kebanyakan orang mungkin memilih untuk menyalin dan menampal kod, yang merupakan amalan yang sangat buruk.

Kongsi Komponen React dengan Bit

bit adalah cara terpantas untuk berkongsi komponen React dengan sedikit overhead tambahan.

bit tidak perlu memecah asas kod ke dalam pelbagai repositori, tetapi membolehkan anda dengan mudah berkongsi komponen dari mana -mana repositori sedia ada dan menggunakannya dalam repositori dan projek lain menggunakan NPM.

Idea teras bit adalah untuk meremehkan perwakilan kod kongsi dari sistem fail projek. Oleh itu, anda boleh menunjuk sedikit kepada komponen yang anda ingin kongsi dan mengeksportnya dari projek anda tanpa mengubah struktur atau kod sumbernya. Sebaik sahaja dikongsi, anda boleh menggunakan pengurus pakej kegemaran anda untuk memasang komponen.

Satu lagi kelebihan bit adalah bahawa ia menjejaki kod sumber sebenar yang terdapat di pelbagai repositori, jadi anda juga boleh menggunakannya untuk mengimport kod komponen dengan mudah dan mengubahnya dari mana -mana projek lain dan menyegerakkannya untuk anda Perubahan.

Komponen trek bit dalam kod sumber dengan decoupling perwakilan komponen dari struktur fail sebenar dan membolehkan kami dengan cepat menukar sebarang fail atau subset fail ke dalam komponen yang boleh diguna semula. Menggunakan corak Glob yang mudah (seperti yang ditunjukkan di bawah), komponen dari seluruh perpustakaan atau projek boleh dikongsi dengan segera tanpa mengubah kod sumber itu sendiri atau struktur fail.

Sebarang komponen boleh dikongsi, ditemui dan digunakan dalam sebarang aplikasi atau projek sahaja. Ia juga boleh diubahsuai dan dikemas kini dalam mana -mana persekitaran projek dan boleh memilih sama ada dan bagaimana untuk mendapatkan rakan anda untuk mengemas kini komponen anda dari projek mereka sendiri (dan sebaliknya).

Komponen yang dikongsi boleh digabungkan ke dalam "skop", yang boleh dianggap sebagai "senarai main" komponen tunggal yang berkongsi atribut biasa. Apabila menggunakan Pusat Komuniti Bit Percuma, setiap komponen dibentangkan dengan kesan visual yang dibentangkan, keputusan ujian, dokumen yang dihasilkan secara separa automatik, dan banyak lagi.

<code>$ tree
.
├── App.js
├── App.test.js
├── favicon.ico
├── index.js
└── src
    └── components
        ├── button
        │   ├── Button.js
        │   ├── Button.spec.js
        │   └── index.js
        ├── login
        │   ├── Login.js
        │   ├── Login.spec.js
        │   └── index.js
        └── logo
            ├── Logo.js
            ├── Logo.spec.js
            └── index.js

5 directories, 13 files</code>

<code>npm install bit-bin -g
cd project-directory
bit init</code>

<code>bit add src/components/* # 使用glob模式跟踪多个组件，或使用单个路径跟踪单个组件。</code>

<code>$ bit tag --all 1.0.0
3 components tagged | 3 added, 0 changed, 0 auto-tagged
added components:  components/button@1.0.0, components/login@1.0.0, components/logo@1.0.0</code>

<code>$ bit export username.scopename  # 将组件共享到此Scope
exported 3 components to scope username.scopename</code>

, anda boleh mengeluarkan komponen yang dieksport dari kod sumber dan menambahnya ke fail --eject fail sebagai kebergantungan pakej. package.json

Jika anda menggunakan komponen kod yang perlu diubah suai, anda boleh mengimport komponen anda menggunakan bit, ubahnya secara langsung dalam konteks projek, dan kongsi kembali. Menggunakan bendera eject, anda juga boleh pop komponen kembali ke dalam kebergantungan pakej dalam projek anda.

Perhatikan bahawa walaupun kod itu sebenarnya dijana dalam projek -projek ini, BIT dapat mengesan dan menyegerakkan perubahan kod sumber di seluruh projek yang berbeza. Jika anda lebih suka, anda boleh memikirkannya sebagai "salinan-paste terkawal" tanpa pertindihan.

optimum

bit mungkin cara terpantas untuk berkongsi komponen React dengan kos tambahan yang minimum. Dengan sedikit, anda boleh mengelakkan menyalin dan menampal kod dan menjadikannya lebih mudah untuk menukar dan mengekalkan komponen semasa menggunakannya dalam aplikasi yang berbeza.

seluruh pasukan anda boleh menganjurkan semua komponen dalam skop dan membuat versi yang berbeza untuk digunakan di lokasi yang berbeza. Ahli pasukan baru dengan mudah dapat menemui komponen ini dan menyertai kerja anda dengan kod sedia ada yang telah anda tulis.

bit adalah projek sumber terbuka yang boleh anda mulakan, memberi maklum balas atau membantu memperbaikinya seperti yang anda suka!

Soalan Lazim dengan mudah berkongsi komponen React dengan bit

(Soalan -soalan yang sering ditanya harus ditambah di sini, kandungannya konsisten dengan bahagian FAQ dalam dokumen asal, tetapi kata -kata itu boleh diselaraskan sedikit untuk menjadikannya lebih semula jadi dan licin.)

Atas ialah kandungan terperinci Cara berkongsi komponen reaksi antara aplikasi dengan bit. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!