Published as @freesewing/i18n, this package provides translations for the FreeSewing project.
Languages
We currently provide translations in 5 languages:
- English
- German
- Spanish
- French
- Dutch
How to use these translations
We use these translations in our repository to translate react components with react-intl:
Javascript
import { strings } from "@freesewing/i18n";
import { IntlProvider } from "react-intl";
class Base extends React.Component {
render() {
const { language } = this.props;
return (
<IntlProvider locale={language} messages={strings[language]}>
{...children}
</IntlProvier>
)
}
}
Now all components below will be able to translate messages:
Javascript
import React from "react";
import { FormattedMessage } from "react-intl";
const Example = props => {
return <p><FormattedMessage id={"app.aboutFreesewing"} /></p>
};
export default Example;
For all details, please refer to the react-intl documentation.
We also use it in our backend to translate the emails we send out to users.
Installation
Shell prompt
npm install @freesewing/i18n
Notes
This package provides the translations, but it does not provide the mechanism for translation. For that, you can use our plugin-i18n plugin.
Related|
To learn more about using translations in a design, see the Translation guide