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.

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