This project shows how to use the Rspack JavaScript bundler with Lingui JS to provide i18n for a React application (TypeScript).

1. npm install to install dependencies
2. npm run dev to run the development server.
3. npm run build to build the application.

1. Wrap any messages requiring translation in <Trans> or a related macro.
2. npm run extract to generate message catalogs in src/locales/{locale}/messages.
3. Translate any new messages in the catalogs.
4. npm run compile to create runtime catalogs.

• rspack.config.js specifies the builtin:swc-loader should transcompile all .tsx files using the Lingui SWC plugin, ensuring transcompilation of Lingui Macros like <Trans> into their respective React components. When using Lingui SWC plugin, ensure version compatibility with @rspack/core. Refer to the compatibility guide for selecting the appropriate plugin version.

• lingui.config.ts specifies the available locales, defaults, and paths where the message catalogs are stored.

• This blog post shows a step-by-step guide to set up LinguiJS with React.
• Official documentation for React setup with LinguiJS. This repo closely follows the example from the official docs.