Multilingual user interface
Workflow looks as following:
Markup TSX code using
translate function. For example:
Always mark complete sentences for translation. If you combine fragments at runtime, there is no way for the translator to construct a proper sentence in their language. Do not combine strings together at runtime.
If you need to render JSX element inside of translated string, you should use
1 2 3 4
If translated string should be rendered inside of JSX element, you should use
1 2 3 4 5
Translation template is created automatically via Webpack. It will extract strings from TS and TSX files and put it in
PO files are synced with Localazy service by GitLab CI pipelines.
All PO files are automatically converted by Webpack to JSON files.
Current user locale is stored in auth storage.