Translating files with BabelEdit
The tutorial collection covers translation of Angular, React and Laravel web applications. Learn all about i18n, json translation files and more.
We currently have these 13 tutorials tagged with babeledit:
How to translate your React app with react-intl + Example
Tutorial with a complete example on react translations. Covers: react-intl, FormattedMessage, IntlProvider and babel-plugin-react-intl
How to translate your Ember.js application with ember-intl
Free tutorial: Translate your Ember.js application with ember-intl. Learn how to organise your translations in yaml for json files.
How to translate Angular apps: @angular/localize and xlf
Free tutorial: Learn how to use @angular/localize to translate your Angular app with xliff (xlf) files. Covers ICU syntax. Example source code included.
How to translate your Angular 11 app with ngx-translate
Free tutorial: Set up Angular with ngx-translate, extract translations from code, switch translations at runtime, edit translation files. Works with Angular 7...11
How to translate your Flutter app and edit your .arb files
Free tutorial: Learn how to translate your Flutter app and comfortably work with Application Resource Bundle (.arb) files. Example source code included.
How to translate your Flutter app (using intl 0.13.1)
Free tutorial: Learn how to translate your Flutter app and comfortably work with Application Resource Bundle (.arb) files. Old version.
How to translate Angular 9 apps: @angular/localize and xlf
Free tutorial: Learn how to use @angular/localize to translate your Angular 9 app with xliff (xlf) files. Covers ICU syntax. Example source code included.
Tutorial: Translation with gettext + PHP
Free tutorial: How to translate your PHP application with gettext.
How to translate your Vue.js application with vue-i18n
Free tutorial: Translate your Vue.js application with vue-i18n. Learn how to organise your translations in .vue or .json files.
How to translate your Angular 7 app with ngx-translate
Free tutorial: Set up Angular 7 with ngx-translate, extract translations from code, switch translations at runtime, edit translation files.
How to translate your React app with react-i18next
You learn how to you can translate your react app with react-i18next. The tutorial also explains how to manage the translations json files with BabelEdit.
Laravel translation tutorial: How to translate your web app
Translation tutorial with a complete example. Covers: translation files, displaying translated texts with __() , blade templates, localized routes
How to translate your Angular 6 app with ngx-translate
You learn: How to set up ngx-translate, automatically keep your translation files up to date with ngx-translate-extract and edit multiple JSON files at once.