Create Components

Choose a tech stack and start building your first components:

ReactReact
React
NodeJS
NodeJS
Vue
Vue
Angular
Angular
Harmony
Harmony


You can list the component templates available in your workspace:

$bit
Copiedcopy
See command synopsis
Create components on the cloud

Use Cloud Workspaces for a ready-to-go, web-based and integrated development environment for building your components.

Create an app

Create a React app by running the following command:

$bit
Copiedcopy

You can now run the app locally using bit run:

$bit
Copiedcopy

The application is now running on the host displayed in the output. You can learn more on creating apps on the create apps docs.

Create a UI component

You can now create a UI component and use it in your app. Run the following command to create a UI component:

$bit
Copiedcopy
See command synopsis

This will create the component in the corresponding directory, and will link this a component in your workspace node_modules directory.

Use the component

You can use components in your apps, components and projects using the chosen module name:

import { InputText } from '@my-org/my-platform.login';
CopiedCopy

You can install external dependencies using bit install. You can find more information on installing dependencies here.

Preview components

You can preview components and their documentation during development by starting the Bit Workspace UI:

$bit
Copiedcopy
See command synopsis

Below you can find guides for creating specific component types for your architecture needs.

What's next?