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
Testimonials (6)
I like the professionality of the trainer, he really knows what he is talking about and able to explain almost even the simple subjects on the topic which is great.
Marlon - National Confederation of Cooperatives
Course - React with Next.js
trainer very knowledgeable clear classes explains the importance of learn the topic gives enough background on topic
Li Fang Bren Ong - DBS Bank Limited
Course - Ant Design
It was nice it had a lot of exercise, but the pace is too fast.
Irina - Thales Group
Course - Advanced React
The situation was atypical because an intensive training for developers was to be conducted with non-developers. Lukasz took up this challenge with empathy and a lot of humour. Through his intelligent and flexible manner, he was able to ensure that a concrete learning gain was achieved for everyone. I enjoyed this very much and would gladly take a seminar with Lukasz again.
Christoph - Honda Bank GmbH
Course - MERN Fullstack Development
How the trainer structured and explained the lessons: from the pace of speech to the information explained, so that both experienced and beginners understand. Thank you, Marcin!
Ana - MSG system
Course - Building Micro Frontends with React
Friendly environment. Also, I liked one on one training. It’s very productive. I would definitely recommend it to my friends and colleagues.