yasser-belatreche / bit

A tool for component-driven application development.

Documentation | Platform | Learn

Build components first.

Open infrastructure for component-driven applications to speed and scale development.

What is Bit?

Bit is an OSS Infrastructure for building and composing components. It is an extensible toolchain for component-driven applications / systems which are faster to develop, simpler to understand, test, and maintain, more resilient and performant, and easier to collaborate on.

Instead of building an application that has many components, Bit lets you develop components outside of any application and use them to compose many applications from the bottom up. An application is just a deployed composition of components. You can add and remove components from applications to extend or change their functionality. All components can be reused in many different applications.

Key Features

• Workspace - build and compose components. The workspace is the foundation of Bit. It is where you develop and compose components. It lets you build fully distributed projects with a simple monolithic-like dev experience. Open the Workspace UI to visually develop and manage your components with ease.

• Scope - manage and scale with components. Scopes are where you push, version, and organize your components. It’s a component store. Remote Scopes let you use components across projects. You can setup and host remote Scopes on any servers. Bit.dev is an optional enterprise-grade platform for hosting and connecting all scopes and components to give teams a streamlined cross-project collaboration experience. It is highly secure and trusted by Fortune-50 teams.

How to Start?

To get started follow the quick-start guide or try the official Bit for React tutorial.

Install Bit Version Manager:

npm i -g @teambit/bvm
# or
yarn global add @teambit/bvm

Install Bit:

bvm install

Start a Bit workspace:

bit new react <my-workspace-name>

Install dependencies:

cd <my-workspace-name>
bit start

Open-up your browser on localhost:3000, or any other available port, and view the demo components.

Create components:

bit create react ui/button     # TypeScript
bit create react-js ui/button  # JavaScript

Popular Onboarding Use-Cases

• Micro Frontends
• Design Systems (Component Marketplace)
• Shared Logic and Backend Functionality
• Rapid Application Development

Resources & Community

• Videos
• Conference talks
• Interviews
• Podcasts
• Live streams
• Articles
• Community

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