Home / Vue.js / Dev Tools

Bit - Manage and reuse vue components between projects. Easily isolate and share components from any project without changing its source code, organize curated collections and install in different projects.

Bit / Component Workspace Documentation • Tutorials • Quick start guide • Workflows • bit.dev components cloud • Video demo What is Bit? 🤔 Bit is an
Information
Category: Vue.js / Dev Tools
Watchers: 178
Star: 15.2k
Fork: 839
Last update: May 25, 2022
Resource links
https://bit.dev
https://github.com/teambit/bit

apache prs Appveyor Status Circle Status styled with prettier Join Slack Tweet

Bit / Component Workspace

Bit Workflow

Documentation • Tutorials • Quick start guide • Workflows • bit.dev components cloud • Video demo

What is Bit? 🤔

Bit is an open-source cli tool for collaborating on isolated components across projects and repositories. Use Bit to distribute discrete components from a design library or a project into a standalone reusable package and utilize it across applications. You can set up your own server for components collaboration, or use the bit.dev cloud hosting for private and public components sharing.

Why Bit? 🎖️

Key Features 🔑

Installation 🚪

Using npm:

npm install bit-bin --global

Using yarn:

yarn global add bit-bin

Bit cli requires node 8.12 and above. Check other installation methods.

Quick start

bit.dev cloud 🌩️

Use bit.dev cloud hosting solution as a shared server and showcase for your components.

Contributing 🎗️

Contributions are always welcome, no matter how large or small. Before contributing, please read the code of conduct.

See Contributing.

License 💮

Apache License, Version 2.0 Analytics

239 Open More issues
Closed

Harmony/main

main harmony PR. See more details here https://github.com/teambit/bit/issues/2280 fixes #2280

This change is Reviewable

opened Feb 3, 2020 by GiladShoham 90
Closed

(wip) Feature: bit snap

This change is Reviewable

opened Nov 1, 2019 by davidfirst 75
Closed

Feature/bit binary

Proposed Changes

  • pack bit as a binary file

This change is Reviewable

opened Dec 17, 2018 by GiladShoham 72
Closed

ranm8/harmony

@qballer @amitgilad3 @GiladShoham i've been working over the weekend on harmony and got to a working prototype/concept. In this branch Bit's is bootstrapped by few core extensions: Workspace, Scope, BitCLI, Bit (Bit's API), Paper (which will allow us to use React for the CLI output).

This PR to @qballer branch includes few additions:

  • Harmony, now build and executes on a dependency graph of extensions through dependency injection (to expose API).
  • Look for the extensions mentioned above under "src" and you will see each extension contains ".extension.ts" and ".extension.provider.ts", extension definition is exposed by the index file of the extension.
  • To expose more APIs to extensions, all we have to do is add these files and gradually add more apis.
  • Added a first version of our graph module. we will use to represent graph data structures

we can now connect it to the work you guys have done and get a poc working.

i know it's still a mass in some places but wanted to share early and start working on the harmony PR here together.

This change is Reviewable

opened Jan 4, 2020 by ranm8 62
Closed

Feature/envs config

Proposed Changes

  • Make envs extensions
  • Support pass config to envs
  • Support add dynamic files to envs
  • Support get dynamic package dependencies from envs

This change is Reviewable

opened Apr 23, 2018 by GiladShoham 39
Closed

Using Bit with Zeit Now

Does anyone know how to install public/private components when deploying to Zeit Now. This is the Error I'm getting as I don't know how to add the bit npm registry


ERR! 404 Not Found: @bit/[email protected]
--
BUILD | Jun 24 2019 12:47:34:473 | ...next.config.js | npm ERR! A complete log of this run can be found in: npm ERR!     /tmp/.npm/_logs/2019-06-24T09_47_34_456Z-debug.log
BUILD | Jun 24 2019 12:47:34:487 | ...next.config.js | Error: Exited with 1     at ChildProcess.child.on (/tmp/5d9ffe0a/.build-utils/node_modules/@now/build-utils/dist/fs/run-user-scripts.js:30:24)     at emitTwo (events.js:126:13)     at ChildProcess.emit (events.js:214:7)     at maybeClose (internal/child_process.js:925:16)     at Process.ChildProcess._handle.onexit (internal/child_process.js:209:5)
type/help wanted 
opened Jun 24, 2019 by williamluke4 35
Open

schema: support enum

null

opened May 19, 2022 by davidfirst 0
Open

test: add tests for the schema aspect

null

opened May 18, 2022 by davidfirst 0
Open

Component artifact implementation

Proposed Changes

opened May 17, 2022 by bhanucbb 0
Open

fix: loading latest version in scope

null

opened May 16, 2022 by luvkapur 0
Open

Support for node version 18

Description

The latest version of node is now 18.1.0 but bit apparently requires node versions <17.0.0

Solution

Update dependencies and test with the latest version of node

Alternatives

Provide/document an override that lets users work with node 18

type/feature 
opened May 16, 2022 by linfordbacon-ngenius 0
Open

bit import - Heap out of memory

Hello, I am getting error while bit import. It says "heap out of memory". I tried adding "NODE_OPTIONS" to my environment variable and then when I do bit import it says "Pkg: FLAGS_MISMATCH".

I also tried clearing the node and bit cache but nothing worked.

Syntax to update the node_options is export NODE_OPTIONS="--max-old-space-size=8192"

  • Bit version: 14.8.8
  • Node version: 16.15.0
  • npm version: 8.5.5
  • Platform: Linux (Ubuntu)
  • Project type: React
type/help wanted 
opened May 16, 2022 by hamza-numu 0

Contents

    goldmansachs GS Collections has been migrated to the Eclipse Foundation, re-branded as Eclipse Collections. https://www.eclipse.org/collections/
    romancm Gamebrary - Open source tool to organize video game collections.
    seenaburns Lightweight image browser
    diegohaz ♻️ Reuse React components to create new ones
    Alexandrshy vue-share-buttons - Vue.js component for placing buttons in your project using which you can share anything
    jupytercalpoly Save, reuse, and share code snippets using JupyterLab Code Snippets!
    cklmercer vue-stash - Easily share reactive data between your Vue components.
    shuidi-fed 【deprecated】Manage asynchronous calls more easily in Vue apps.
    leventov Java Collections till the last breadcrumb of memory and performance
    leventov Java Collections till the last breadcrumb of memory and performance
    koddr vue-goodshare - Vue.js component for social share with beautiful button design. Simple install, extensive documentation, developer support, SEO friendly, clean code without scripts tracking user activity on the page, high speed. Work with Vue.js 2.x.
    philcockfield Create, isolate and test modular UI components in React.
    tov bv - Bit-vectors and bit-slices
    amanieu intrusive-collections - Intrusive collections for Rust (linked list and red-black tree)
    carrotsearch High Performance Primitive Collections for Java
    mbj36 vue-socialmedia-share - A Vue.js component for sharing links to social networks, with Vue 2.X
    google ML Collections is a library of Python Collections designed for ML use cases.
    JonathanLaneMcDonald Training a neural network to isolate comprehensible input from unstructured text to aid vocabulary acquisition.
    tfeldmann The file management automation tool.
    rpetit3 :dragon: :fly: Assemble bacterial isolate genomes from Nanopore reads
    matsp Material Components Vue material-components-webMaterial Components Vue - wrapper around material-components-web for Vue.js
    Share this repo

    Related Repos


    Dev Tools
    109
    ⛺️ Lightweight version of Vitesse
    antfu ⛺️ Lightweight version of Vitesse
     
    Dev Tools
    224
    a build tool for compiling and bundling Vue single-file components
    open-source-labs a build tool for compiling and bundling Vue single-file components
     
    Dev Tools
    27
    Server-side generation for Vite.
    antfu Server-side generation for Vite.
     
    Dev Tools
    24
    This is vue development tool which works only with Vue 2.0.
    zglz This is vue development tool which works only with Vue 2.0.
     
    Dev Tools
    21
    vue-codemods - Collection of codemod scripts that help update and refactor Vue and JavaScr...
    SergioCrisostomo Vue codemods This repository contains a collection of codemod scripts for use with JSCodeshift that help update and refactor Vue and JavaScript files.
     
    Dev Tools
    48
    ComponentFixture - is a component design to develop and test other components, automatical...
    David-Desmaisons Component Fixture Demo https://david-desmaisons.github.io/ComponentFixture/ Description Interactive test fixture for vue component. Component is desig
     
    Dev Tools
    15.2k
    Bit - Manage and reuse vue components between projects. Easily isolate and share component...
    teambit Bit / Component Workspace Documentation • Tutorials • Quick start guide • Workflows • bit.dev components cloud • Video demo What is Bit? 🤔 Bit is an
     
    Dev Tools
    119
    vue-dummy - Placeholder Text and Dummy Images as a simple v-dummy directive.
    paulcollett vue-dummy Placeholder Images and Dummy Text for Vue.js vue-dummy is a wrapper around the https://dummyjs.com/ library to expose placeholder Images and
     
    Dev Tools
    20
    vue-dev-server - A small development server for building vue components.
    paulpflug DEPRECATED see cerijs and ceri-dev-server vue-dev-server Why? When you decide to build a new reusable vue component, you probably want to see it in ac