> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mitwirken.me/llms.txt
> Use this file to discover all available pages before exploring further.

# React

> React component to initiate a membership.

## Prerequisites

To get the most out of this guide, you’ll need to:

* [API Key](https://app.mitwirken.me/api-keys)

## 1. Install

Install the Mitwirken React SDK.

<CodeGroup>
  ```bash bun theme={null}
  bun add mitwirken @mitwirken/react
  ```

  ```bash yarn theme={null}
  yarn add mitwirken @mitwirken/react
  ```

  ```bash npm theme={null}
  npm install mitwirken @mitwirken/react
  ```
</CodeGroup>

## 2. Display membership registration form

Easily display the membership registration form by using the `MitwirkenForm` component.

```typescript theme={null}
import { MitwirkenForm } from '@mitwirken/react';

export default function App() {
    const mitwirken = new Mitwirken();
    const membershipForm = mitwirken.memberships.initiate()
    return <MitwirkenForm membershipForm />;
}
```

## 3. Try it yourself

<Card title="Example Project" icon="link" href="https://mitwirken.me">
  A simple example project that uses the Mitwirken API to initiate a membership.
</Card>