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

Number of participants



Price per participant

Testimonials (5)

Related Courses

Next.js 14 Advanced Development

21 Hours

React with Next.js

14 Hours

Managing React State with MobX

14 Hours

Material UI

7 Hours

Ant Design

7 Hours

Advanced React

14 Hours

FARM (FastAPI, React, and MongoDB) Full Stack Development

14 Hours

Choosing the Right JavaScript Framework

14 Hours

Testing React Apps with Jest

14 Hours

MERN Fullstack Development

14 Hours

Meteor and React

14 Hours

Building Micro Frontends with React

21 Hours

Building Microservices with NodeJS and React

21 Hours

PHP with React

14 Hours

React: Build Highly Interactive Web Applications

21 Hours

Related Categories