Bit React Tranformer.Docs - Bit

The Bit React transformer is a Babel plugin that adds the component id (as it determined by Bit) as a static property of the React component (both classes and functions).

Having the added metadata is useful for debbuging and showcasing.

Example

Input:

export function Button() {
  return <div></div>;
}

Output:

tsx

var __bit_component = {
  id: 'teambit.base-ui/[email protected]',
  homepage: 'https://bit.dev/teambit/base-ui/input/button',
  exported: true,
};

export function Button() {
  return <div></div>;
}

// attaches metadata:
Button.__bit_component = __bit_component;