BabelEdit Tutorials

Free tutorial: Set up Angular with ngx-translate, extract translations from code, switch translations at runtime, edit translation files. Covers Angular 8-16

Free tutorial: Set up Angular with Transloco, extract translations from code, switch translations at runtime, edit translation files.

Free tutorial: Learn how to use @angular/localize to translate your Angular app with xliff (xlf) files. Covers ICU syntax. Example source code included.

Free tutorial: Translate your Ember.js application with ember-intl. Learn how to organise your translations in yaml for json files.

Free tutorial: Learn how to translate your Flutter app and comfortably work with Application Resource Bundle (.arb) files. Example source code included.

Translation tutorial with a complete example. Covers: translation files, displaying translated texts with __() , blade templates, localized routes

Free tutorial: How to translate your PHP application with gettext.

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.

Tutorial with a complete example on react translations. Covers: react-intl, FormattedMessage, IntlProvider and babel-plugin-react-intl

This free tutorial explains, how you can easily translate your Svelte web app with svelte-i18n. Source code included.

Free tutorial: Set up Vue.js with vue-i18n. Translate your templates, create and edit json translation files, switch translations at runtime. Covers Vue 3.

Using vue.js single file components with <i18n> sections for your translations? Learn why you should not do that and what alternatives there are.

In this tutorial shows you how you can convert your vue-i18n project from using translations in vue files (single file components, sfc) to using JSON files.