BabelEdit Tutorials

We've created these tutorials to give you a quick start with your favorite framework.

Angular

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.

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, extract translations from code, switch translations at runtime, edit translation files. Covers Angular 8-16

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

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

React

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

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.

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

VueJs

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 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.

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.