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 19 tutorials tagged with babeledit:
Free tutorial: Set up Angular with ngx-translate, extract translations from code, switch translations at runtime, edit translation files. Covers Angular 8-15
Free tutorial: Translate your Vue.js application with vue-i18n. Learn how to organise your translations in .vue or .json files.
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
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.
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: How to handle line endings in git when working on Windows, macOS and Linux
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 translate your Flutter app and comfortably work with Application Resource Bundle (.arb) files. Example source code included.
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: 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: How to translate your PHP application with gettext.
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: Set up Angular 7 with ngx-translate, extract translations from code, switch translations at runtime, edit translation files.
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.
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.