Course Outline

Introduction

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)

Troubleshooting

Summary and Conclusion

Requirements

  • Experience developing React applications

Audience

  • Developers
  7 Hours
 

Testimonials

Related Courses

Managing React State with MobX

  14 hours

Material UI

  7 hours

Ant Design

  7 hours

React: Build Highly Interactive Web Applications

  21 hours

Relay: Efficiently Fetch Data in React Applications

  14 hours

Building Interactive Applications with React, Redux and GraphQL

  28 hours

React, Redux and TypeScript

  21 hours

React Patterns

  14 hours

Testing React Apps with Jest

  14 hours

Advanced React

  14 hours

PHP with React

  14 hours

React, Relay, and GraphQL

  14 hours

Choosing the Right JavaScript Framework

  14 hours

Transform a React Application into a Progressive Web App (PWA)

  14 hours

Spring Boot, React, and Redux

  14 hours