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 21 tutorials tagged with babeledit:
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.
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.
Using vue.js single file components with <i18n> sections for your translations? Learn why you should not do that and what alternatives there are.
Free tutorial: Learn how to use @angular/localize to translate your Angular app with xliff (xlf) files. Covers ICU syntax. Example source code included.
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.
Free tutorial: Translate your Vue.js (Version 2) application with vue-i18n. Learn how to organise your translations in .vue or .json files.
Free tutorial: How to translate your PHP application with gettext.
Translation tutorial with a complete example. Covers: translation files, displaying translated texts with __() , blade templates, localized routes
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.
This free tutorial explains, how you can easily translate your Svelte web app with svelte-i18n. Source code included.
Free tutorial: Learn how to translate your Flutter app and comfortably work with Application Resource Bundle (.arb) files. Example source code included.
Tutorial with a complete example on react translations. Covers: react-intl, FormattedMessage, IntlProvider and babel-plugin-react-intl
Learn about the new features we've added to BabelEdit 4: Language packages, tree view in Flutter
Learn about the new features we've added to BabelEdit 3: Custom languages, improved search and filtering, parameter support for flutter, text transformations
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 use @angular/localize to translate your Angular 14 app with xliff (xlf) files. Covers ICU syntax. Example source code included.
Free tutorial: Learn how to translate your Flutter app and comfortably work with Application Resource Bundle (.arb) files. Old version.
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.
Free tutorial: Set up Angular 7 with ngx-translate, extract translations from code, switch translations at runtime, edit translation files.
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.