Internationalization tool for yahoo/react-intl

Internationalization tool for yahoo/react-intl

Introduction to software localization

Are you struggling with keeping your app translations up to date and your dreams are filled with empty keys to translate? No worries, we know that feeling very well. To make the whole localisation process easier, we created a simple and effective solution which will improve the quality of translations and help you keep them in track!

simplelocalize flow diagram workflow

How does it work?

SimpleLocalize is a tool created to help developers manage translations in their apps. You can use import tool to upload all keys from your project to a cloud editor, translate them in the easy and clean spreadsheet and that’s all you have to do! Translated keys will be synchronised automatically with your project and vice versa, when you add a new key, it will appear in SimpleLocalize cloud ready to add the translation. You can use SimpleLocalize-CLI to find internationalization keys in the source code automatically or you can import and export files manually, we support multiple formats, like yahoo/react-intl, Android XML String resrouces, iOS, Jekyll, Java properties and of course Excel and CSV files. Sounds interesting?

simplelocalize flow diagram workflow

i18n keys auto-discovery feature

SimpleLocalize is created to automatise your work and help you keep all translations up to date. You can create multiple projects and share them with your team or give access to selected projects to translators team. When their job is completed, you can publish changes to the CDN, refresh your deployed application and voilà! Everything is translated now! You can easily check the progress of the project translations, track the missing keys and use as many languages as you want. Make your app available worldwide thanks to the professional and always updated translations.

How to start?

First, head to SimpleLocalize.io and sign up to get an account, the basic plan it's free, and allows you to handle medium sized translation repository. Create a new project by adding its name. Select the project type which will define the way the translations will be exported, for example, just CDN is the most common for web applications like ReactJS with yahoo/react-intl.

create project

Open the project and go to Settings. Download configuration properties with the one click on the button Download CLI Properties:

api credentials page

in downloaded file set projectType: property to yahoo/react-intl and it should look now like follows:

uploadToken: <PROJECT_UPLOAD_TOKEN>
projectType: yahoo/react-intl

Read more about CLI projectType property. Save the file in your project root directory. Next, run the CLI tool in your project directory using the command line:

curl -s https://get.simplelocalize.io | bash

It will search for the keys in your project directory according to projectType defined in the configuration file and send them to the SimpleLocalize cloud where you can easily check how may translations are missing and manage them in one place.

spreadsheet

Done, you successfully configured the project!

Add translations and publish changes to check how the keys are updated in your project! When you click Publish button all translations will be sent to your frontend app through the CDN, it works even when the application is deployed. That means you can change text on page without rebuilding and redeploying the whole application. Pretty useful, huh?

Now you can fetch translations using url like follows:

https://cdn.simplelocalize.io/:projectToken/_latest/:languageKey

or use SimpleLocalize CLI to download translations.

project list

Ready to start?

Give it a try and test the new internationalisation tool we have created. It is designed to help you to keep all translations up to date, easily manage new keys and translations changes and work on multiple project at the same time, in one place. Integrate you web or mobile app with SimpleLocalize and work with your clients efficiently without Excel spreadsheets and translations files, instead use the clean and user-friendly interface of SimpleLocalize and control the i18n process in much pleasant way. Create account, no credit card required!


Share article
See all articles
Try SimpleLocalize i18n editor and hosting
localization workflow process

Relevant posts

GitHub Actions is available!

GitHub Actions is available!

Jakub PomykałabyJakubNovember 28, 2021

GitHub Actions integration for Continuous Localization is available on GitHub Market! Connect your GitHub repository to SimpleLocalize i18n editor for free!

Read more
Number formatting in JavaScript

Number formatting in JavaScript

Jakub PomykałabyJakubNovember 28, 2021

Discover power of 'toLocaleString' functions in JavaScript. Format numbers, currencies, and units without any 3rd party localization library.

Read more
How to create a multi-language website in GatsbyJS?

How to create a multi-language website in GatsbyJS?

Jakub PomykałabyJakubAugust 09, 2021

Create a multi-language GatsbyJS website with a few simple steps. A multi-language website is a great way for your company to reach a wider audience.

Read more
How to use code splitting with JSON files in React application

How to use code splitting with JSON files in React application

Jakub PomykałabyJakubAugust 06, 2021

Lazy load JSON resource with language translations to speed up your React application. Use built-in code-splitting feature to load JSON files.

Read more
List of i18n libraries for React, React Native, and NextJS

List of i18n libraries for React, React Native, and NextJS

Jakub PomykałabyJakubFebruary 12, 2021

Best i18n libraries for React web, React Native, Expo and all other React apps. Check how to react localization should look like.

Read more
FormatJS and React application localization

FormatJS and React application localization

Jakub PomykałabyJakubOctober 07, 2020

Localize your React app using FormatJS and react-intl. Manage translations using SimpleLocalize.io

Read more