BabelEdit Tutorials

Master Angular i18n with ngx-translate. Complete tutorial covering setup, translation files, language switching, and best practices. Includes working examples.

Free tutorial: Set up Angular with Transloco (@jsverse/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.

Short tutorial (Video: 2min) and a step to step guide on how to install Node.js and Angular on a Windows computer. Create your first Angular project.

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 will learn how to 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 languages 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.