---
title: "@farmfe/plugin-react"
locale: "en"
version: "1.x"
canonicalUrl: "https://farmfe.org/docs/1.x/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, you only need to configure its package name in ` plugins ` field in ` farm.config.ts `.


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

const config: UserConfig = {
  plugins: ['@farmfe/plugin-react', { /** options here */}]
}
```


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


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