Documentation | Platform | Learn
Open infrastructure for component-driven applications to speed and scale development.
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.
-
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 is where you push, version, and organize your components. It’s a component store.
-
Remote Hosting: 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.
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-workspace <my-workspace-name>
Install dependencies:
cd <my-workspace-name>
bit install
Create a component:
bit create react-component ui/button # TypeScript
bit create react-component-js ui/button # JavaScript
Install dependencies for test files:
bit install @testing-library/react
Start the dev server
bit start
Open-up your browser on localhost:3000, or any other available port, and display your workspace with your components.
- Micro Frontends
- Design Systems (Component Marketplace)
- Shared Logic and Backend Functionality
- Rapid Application Development
Contributions are always welcome, no matter how large or small. Before contributing, please read the code of conduct.
See Contributing.