.. | ||
src | ||
tests | ||
.editorconfig | ||
.gitignore | ||
.npmignore | ||
.travis.yml | ||
LICENSE | ||
package.json | ||
README.md | ||
rollup.config.js | ||
rollup.js | ||
sort.sh |
freesewing
a library for made-to-measure sewing patterns
i18n
These are the translation files for the Freesewing project.
We currently provide translation in 5 languages:
- English
- German
- Spanish
- French
- Dutch
Install
npm install --save @freesewing/i18n
How to use these translations
We use these translations in our website repository to translate react components with react-intl:
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:
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 repository to translate the emails we send out to users.