Web tutorials: Translating JSON files with BabelEdit

The tutorial collection covers translation of Angular, React and Laravel web applications. Learn all about i18n, json translation files and more.

How to translate your Angular 8 app with ngx-translate

In this tutorial you are going to learn:

  • How to translate your Angular 8 application
  • How to set up ngx-translate 11
  • How to update your translation files with ngx-translate-extract
  • How to edit and maintain multiple JSON files
Continue reading...

Tutorial: Translation with gettext + PHP

In this tutorial you are going to learn:
  • Extract messages to translate with xgettext, stored as Portable Object Template file (.pot)
  • Use msginit and msgmerge to create a Portable Object file (.po) for each language
  • Convert the PO files into optimized Machine Object Files (.mo) using msgfmt
Continue reading...

How to translate your Ember.js application with ember-intl

In this tutorial you are going to learn:
  • How to translate your Ember.js application
  • How to set up ember-intl
  • How to edit and maintain your translations in YAML or JSON files
Continue reading...

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

In this tutorial you are going to learn:
  • How to translate your Vue.js application
  • How to set up vue-i18n
  • How to edit and maintain your translations in .vue or JSON files
Continue reading...

How to translate your Angular 7 app with ngx-translate

In this tutorial you are going to learn:

  • How to translate your Angular 7 application
  • How to set up ngx-translate 11
  • How to update your translation files with ngx-translate-extract
  • How to edit and maintain multiple JSON files
Continue reading...

How to translate your React app with react-i18next

Localize your React app using react-i18next. Learn more about:

  • Internationalization of your app by integrating react-i18next
  • Extract message IDs with babel-plugin-react-i18next
  • Create and maintain translation files using BabelEdit
Continue reading...

Laravel translation tutorial: How to translate your web app

Andreas Löw

Localize your Laravel project and learn more about:

  • Internationalization of your project
  • Translating your views
  • Maintaining translation files with BabelEdit
  • Exchanging files with translators
Continue reading...

How to translate your React app with react-intl + Example

Localize your React app using react-intl. Learn more about:

  • Internationalization of your app by integrating react-intl
  • Extract message IDs with babel-plugin-react-intl
  • Create and maintain translation files using BabelEdit
Continue reading...

How to translate your Angular 6 app with ngx-translate

In this tutorial you are going to learn:

  • How to set up ngx-translate
  • How to update your translation files with ngx-translate-extract
  • How to edit and maintain multiple JSON files
Continue reading...