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 22 tutorials tagged with babeledit:

How to Translate Your Angular App with NGX-Translate
How to Translate Your Angular App with NGX-Translate

Free tutorial: Set up Angular with ngx-translate, switch language at runtime, extract translations, edit translation files. Covers Angular 17 and 18

How to translate your Angular 8 - 16 app with ngx-translate
How to translate your Angular 8 - 16 app with ngx-translate

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

How to translate your Vue.js 3 application with vue i18n
How to translate your Vue.js 3 application with vue i18n

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.

How to translate your Angular app with Transloco
How to translate your Angular app with Transloco

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

Why using i18n sections in vue.js single file components is bad
Why using i18n sections in vue.js single file components is bad

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

How to translate Angular apps: @angular/localize and XLIFF
How to translate Angular apps: @angular/localize and XLIFF

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 convert vue-i18n from single file components to JSON
How to convert vue-i18n from single file components to JSON

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.

How to translate your Vue.js (v2) application with vue-i18n
How to translate your Vue.js (v2) application with vue-i18n

Free tutorial: Translate your Vue.js (Version 2) application with vue-i18n. Learn how to organise your translations in .vue or .json files.

How to translate your React app with react-i18next
How to translate your React app with react-i18next

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: Translation with gettext + PHP
Tutorial: Translation with gettext + PHP

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

Laravel translation tutorial: How to translate your web app
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 Svelte Web App.
How to translate your Svelte Web App.

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

How to translate your Flutter app and edit your .arb files
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 React app with react-intl / FormatJS
How to translate your React app with react-intl / FormatJS

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

What's new in BabelEdit 4
What's new in BabelEdit 4

Learn about the new features we've added to BabelEdit 4: Language packages, tree view in Flutter

What's new in BabelEdit 3
What's new in BabelEdit 3

Learn about the new features we've added to BabelEdit 3: Custom languages, improved search and filtering, parameter support for flutter, text transformations

How to translate your Ember.js application with ember-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 14 apps: @angular/localize and xlf
How to translate Angular 14 apps: @angular/localize and xlf

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

How to translate your Flutter app (using intl 0.13.1)
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
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.

How to translate your Angular 7 app with ngx-translate
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 Angular 6 app with ngx-translate
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.