#@esmx/rsbuild-react

The React preset for @esmx/rsbuild. It adds @rsbuild/plugin-react (JSX transform + Fast Refresh) on top of the base Rsbuild integration, and re-exports everything from @esmx/rsbuild.

#Installation

npm install @esmx/rsbuild-react -D

yarn add @esmx/rsbuild-react -D

pnpm add @esmx/rsbuild-react -D

bun add @esmx/rsbuild-react -D

deno add npm:@esmx/rsbuild-react -D

react and react-dom are peer dependencies and must be installed in your project.

#Type Exports

#RsbuildReactAppOptions

interface RsbuildReactAppOptions extends RsbuildAppOptions {}

Configuration options, identical to RsbuildAppOptions. The React plugin is injected automatically through the config hook, applying to every build target.

#Function Exports

#createRsbuildReactApp

function createRsbuildReactApp(esmx: Esmx, options?: RsbuildReactAppOptions): Promise<App>

Create an Rsbuild + React Esmx application instance.

Parameters:

• esmx — Esmx framework instance
• options — Rsbuild React application configuration options

Returns:

• Returns a Promise that resolves to the created application instance

export default {
  async devApp(esmx) {
    return import('@esmx/rsbuild-react').then((m) =>
      m.createRsbuildReactApp(esmx)
    );
  }
};

#Re-exports

This package re-exports all members of @esmx/rsbuild (e.g. createRsbuildApp, BuildTarget, rspack), so you can import the base APIs directly from @esmx/rsbuild-react.