---
title: "@farmfe/plugin-react"
locale: "en"
version: "current"
canonicalUrl: "https://farmfe.org/docs/plugins/official-plugins/react"
publicationStatus: "prerelease"
---

<a id="farmfeplugin-react"></a>
# @farmfe/plugin-react


Support ` React Jsx ` and ` React Refresh ` for Farm.


<a id="installation"></a>
## Installation


**npm**

```javascript
npm install @farmfe/plugin-react react-refresh
```


**yarn**

```javascript
yarn add @farmfe/plugin-react react-refresh
```


**pnpm**

```javascript
pnpm add @farmfe/plugin-react react-refresh
```



<a id="usage"></a>
## Usage


` @farmfe/plugin-react ` is a Rust plugin. Import its default export and call it inside the ` plugins ` array of ` farm.config.ts `.


```ts
import { UserConfig } from '@farmfe/core';
import react from '@farmfe/plugin-react';

const config: UserConfig = {
  plugins: [react({ /** options here */ })]
}
```


<a id="options"></a>
## Options


See [SWC Transform React Options](<https://swc.rs/docs/configuration/compilation#jsctransformreact>).