Usage for React applications (using Lingui) - Translation.io

1. Install

Add dependencies to your React application using

NPM

YARN

npm install @translation/lingui yarn add @translation/lingui

Code and documentation on translation/lingui

2. Configure

Sign up (or Sign in).
Create a project.
Copy .linguirc to the root of your React project.
Execute npm run sync yarn sync to push your existing keys and translations.

3. Work

Write text using <Trans>source text</Trans> and <Plural> components.
Execute npm run sync yarn sync to push new keys and get new translations.
Translate or have it translated by others.

Repeat step 3 and relax

How to use our translation interface?

Hover the image to get details

Preview of the translation interface

List of segments to be translated

Filter segments on source, target or YAML key. Show only GetText, YAML or untranslated keys.

Translation suggestions using your translation memory, Google Translate, DeepL or OpenAI.

History of changes and discussion about the selected segment.

Where you translate the selected segment.

Change the target language. Invite collaborators by name or email.

What's next?

Read our step-by-step guide

— and —

Ready to adopt a smooth translation process?