translate-maker-loader v1.0.4
Locale Modules
A Locale Module is a translation file in which all properties and translations are scoped locally by default.
/* ./locale/en_US.js */
export default {
button: {
next: 'Next'
}
}
/* ./locale/sk_SK.js */
export default {
button: {
next: 'Dalej'
}
}
/* ./Example.jsx */
import React, { Component } from 'react';
import Translate from 'react-translate-maker';
import locale from './locale';
export default class Example extends Component {
render() {
return (
<Translate path={locale.button.next} defaultValue="Next" />
);
}
}
Naming
For local path camelCase naming is recommended, but not enforced.
Why?
modular and reusable translations
- No more conflicts
- Explicit dependencies
- No global scope
- Automatic extraction of the translations
Implementation
The main idea is very similar to CSS Modules. We already implemented webpack plugin for the locales modules named translate-maker-loader which you are able to use on the server too with the babel-plugin-webpack-loaders. This loader also contains locale extractor (plugin). This plugin will extract all translations into the locale files. You can load this files with the adapter of the translate-maker available for the React too react-translate-maker.
6 years ago
6 years ago
6 years ago
6 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago