Web tutorials: Translating JSON files with BabelEdit
The tutorial collection covers translation of Angular, React and Laravel web applications. Learn all about i18n, json translation files and more.
How to translate Angular apps: @angular/localize and xlf
In this tutorial you learn how to
- Translate your Angular application with @angular/localize
- Create and edit xliff (xlf) files
- Use ICU syntax to localize complex messages
- How to simplify your workflow with BabelEdit
How to translate your Flutter app and edit your .arb files
In this tutorial you are going to learn:
- How to set up a demo Flutter application
- How to add internationalization to the Flutter app
- How to translate your Flutter app
- How to work with Application Resource Bundle files (.arb)
- How to simplify your workflow with BabelEdit
How to translate your Angular 8 app with ngx-translate
In this tutorial you are going to learn:
- How to translate your Angular 8 application
- How to set up ngx-translate 11
- How to update your translation files with ngx-translate-extract
- How to edit and maintain multiple JSON files
Tutorial: Translation with gettext + PHP
In this tutorial you are going to learn:
- Extract messages to translate with
xgettext, stored as Portable Object Template file (.pot) - Use
msginitandmsgmergeto create a Portable Object file (.po) for each language - Convert the PO files into optimized Machine Object Files (.mo) using
msgfmt
How to translate your Ember.js application with ember-intl
In this tutorial you are going to learn:
- How to translate your Ember.js application
- How to set up ember-intl
- How to edit and maintain your translations in YAML or JSON files
How to translate your Vue.js application with vue-i18n
In this tutorial you are going to learn:
- How to translate your Vue.js application
- How to set up vue-i18n
- How to edit and maintain your translations in .vue or JSON files
How to translate your Angular 7 app with ngx-translate
In this tutorial you are going to learn:
- How to translate your Angular 7 application
- How to set up ngx-translate 11
- How to update your translation files with ngx-translate-extract
- How to edit and maintain multiple JSON files
How to translate your React app with react-i18next
Localize your React app using react-i18next. Learn more about:
- Internationalization of your app by integrating react-i18next
- Extract message IDs with babel-plugin-react-i18next
- Create and maintain translation files using BabelEdit
Laravel translation tutorial: How to translate your web app
Localize your Laravel project and learn more about:
- Internationalization of your project
- Translating your views
- Maintaining translation files with BabelEdit
- Exchanging files with translators
How to translate your React app with react-intl + Example
Localize your React app using react-intl. Learn more about:
- Internationalization of your app by integrating react-intl
- Extract message IDs with babel-plugin-react-intl
- Create and maintain translation files using BabelEdit
How to translate your Angular 6 app with ngx-translate
In this tutorial you are going to learn:
- How to set up ngx-translate
- How to update your translation files with ngx-translate-extract
- How to edit and maintain multiple JSON files