Localize Your React Application Treningskurs

Last updated




7 timer (vanligvis 1 dag inkuldert pauser)


  • Experience developing React applications


  • Developers


Internationalization is the process of adapting software so that it can be localized for different languages and regions. When you "localize" an application, you adapt it for a specific language and region. This includes enabling region-specific images and colors, translating the application's UI, and properly displaying numbers, dates, currency, etc.

This instructor-led, live training (online or onsite) is aimed at developers who wish to internationalize and localize their React applications to support multiple languages.

By the end of this training, participants will be able to:

  • Install and configure the needed localization libraries and tools.
  • Enable a React App to be displayed in multiple languages.
  • Extract all localizable UI text from a React app.
  • Package up translatable content for exchange with translators.
  • Understand the localization cycle and automate the process.

Format of the Course

  • Interactive lecture and discussion.
  • Lots of exercises and practice.
  • Hands-on implementation in a live-lab environment.

Course Customization Options

  • To request a customized training for this course, please contact us to arrange.



Overview of the Localization Process

  • Internationalization, localization, and translation

Overview and Installation of Localization Libraries

  • js libraries for client side localization
  • JavaScript Intl API components (yahoo/react-intl, etc.).

Setting up a Sample React App

  • Adding react-i18next to the project

Setting up Locale for Supported Languages

  • Overview of localization elements (date, time, number, etc.).

Exposing UI Text for Translation

  • Extract message IDs from source code
  • Wrapping components with translate() function
  • Adding a namespace

Translating UI Text

  • Defining translations for string IDs
  • Editing and loading JSON translation files

Generating Translations

  • Loading translations at compile time
  • Loading translations at runtime
  • Accessing translations using keys

Selecting Which Language to Display

  • Selecting a language detector plugin
  • Building your own selection button
  • Setting up automatic language detection

Updating and Maintaining JSON Files

  • Using Translation Editors (BabelEdit, OmegaT, etc.)
  • Evaluating features and usability

Working with Translators

  • Exchanging JSON Files with translators
  • Exporting content to Excel, Sheets, etc.
  • Establishing a handoff/handback system (instructions, approval/revision cycle, etc.)
  • Establishing a payment system for freelance translators and agencies

Working with Machine Translation

  • Accessing machine translations through Google and Bing Translation APIs

Working with Translation Memories

  • Leveraging previous human translations

Maintaining and Improving Content

  • Revision cycle
  • Author <> translator collaboration
  • Adjusting translated content for SEO.

Other Localization Approaches

  • Using react-localize-redux as a light weight solution

Optimizing the Localization Process

  • Automating the localization process
  • Working with a TMS (Translation Management System)


Summary and Conclusion



Related Categories

Relaterte kurs


Kursrabatter Nyhetsbrev

We respect the privacy of your email address. We will not pass on or sell your address to others.
You can always change your preferences or unsubscribe completely.

Some of our clients

is growing fast!

We are looking to expand our presence in Norway!

As a Business Development Manager you will:

  • expand business in Norway
  • recruit local talent (sales, agents, trainers, consultants)
  • recruit local trainers and consultants

We offer:

  • Artificial Intelligence and Big Data systems to support your local operation
  • high-tech automation
  • continuously upgraded course catalogue and content
  • good fun in international team

If you are interested in running a high-tech, high-quality training and consulting business.

Apply now!

This site in other countries/regions