# @microsoft/fast-react-wrapper

> A utility for wrapping web components for use in React.

Latest version **0.3.25** (published 2024-10-23) · MIT license · 0 weekly downloads

## Install

```sh
npm install @microsoft/fast-react-wrapper
pnpm add @microsoft/fast-react-wrapper
yarn add @microsoft/fast-react-wrapper
bun add @microsoft/fast-react-wrapper
```

## Health

**Score 55/100 (C)** — status: stable.

Positive: has types; esm support; no vulnerabilities; high maintenance score; high quality score.

Warnings: low downloads; pre 1.0.

Negative: stale.

## Facts

| | |
|---|---|
| Version | 0.3.25 |
| Published | 2024-10-23 |
| First published | 2021-10-08 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 2 |
| Unpacked size | 1016.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 9671 |
| Author | Microsoft |
| Maintainers | fastsvc, microsoft1es, eisenbergeffect, nirice, chrisdholt, awentzel |

## Links

- npm: https://www.npmjs.com/package/@microsoft/fast-react-wrapper
- Repository: https://github.com/Microsoft/fast
- Homepage: https://github.com/Microsoft/fast#readme
- Issues: https://github.com/Microsoft/fast/issues/new/choose
- npm.io page: https://npm.io/package/@microsoft/fast-react-wrapper

## Dependencies (2)

- [@microsoft/fast-element](https://npm.io/package/@microsoft/fast-element.md) ^1.14.0
- [@microsoft/fast-foundation](https://npm.io/package/@microsoft/fast-foundation.md) ^2.50.0

## Recent versions

- 0.3.25 (latest) — 2024-10-23
- 1.0.0-alpha.27 (alpha) — 2023-08-18
- 0.3.24 — 2024-04-08
- 0.3.23 — 2024-01-23
- 0.3.22 — 2023-11-09
- 0.3.21 — 2023-11-01
- 0.3.20 — 2023-10-11
- 1.0.0-alpha.26 — 2023-08-12
- 0.3.19 — 2023-08-11
- 1.0.0-alpha.25 — 2023-06-16
- 0.3.18 — 2023-05-04
- 0.3.17 — 2023-04-14
- 0.3.16 — 2023-04-10
- 1.0.0-alpha.24 — 2023-03-28
- 1.0.0-alpha.23 — 2023-03-11
- … 90 more at https://npm.io/package/@microsoft/fast-react-wrapper/versions

## README

# FAST React Wrapper

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![npm version](https://badge.fury.io/js/%40microsoft%2Ffast-react-wrapper.svg)](https://badge.fury.io/js/%40microsoft%2Ffast-react-wrapper)

The `fast-react-wrapper` package contains a utility that enables automatically wrapping Web Components in a React component for ease of integration into React projects.

## Installation

### From NPM

To install the `fast-react-wrapper` library, use either `npm` or `yarn` as follows:

```shell
npm install --save @microsoft/fast-react-wrapper
```

```shell
yarn add @microsoft/fast-react-wrapper
```

Within your JavaScript or TypeScript code, you can then and use the wrapper like this:

```ts
import React from 'react';
import { provideReactWrapper } from '@microsoft/fast-react-wrapper';

const { wrap } = provideReactWrapper(React);

const MyComponent = wrap(MyComponent);
```

For additional wrapper settings and more information on integrating with Design Systems, see [our integration docs](https://fast.design/docs/integrations/react).

---
_Source: https://npm.io/package/@microsoft/fast-react-wrapper · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._