Internationalization cloud tool for yahoo/react-intl
Tags: react, i18n, internationalization, reactintl
Published: 2019-04-28 20:21:07

---
title: Internationalization cloud tool for yahoo/react-intl
published: false
description: Add multi-language support without additional effort. 
tags: reactjs, i18n, internationalization, reactintl
published: true
---

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! 

![cli](https://thepracticaldev.s3.amazonaws.com/i/8stvdc832sfg94vu1cuv.jpeg)

# 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](https://github.com/yahoo/react-intl), Android XML String resources, iOS, Jekyll, Java properties and of course Excel and CSV files. Sounds interesting?

![flow](https://thepracticaldev.s3.amazonaws.com/i/ui8ddirj973pcujlwdsj.jpg)

# 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 the 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](https://app.simplelocalize.io/register), 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](https://github.com/yahoo/react-intl).


![create-project](https://thepracticaldev.s3.amazonaws.com/i/hxkq4x1uqtoxnx0qwuaw.png)


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

![simplelocalize-download-credentials](https://thepracticaldev.s3.amazonaws.com/i/k752b3gx38nqe8lrmc5d.jpeg)

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

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

[*Read more about CLI `projectType` property*.](https://simplelocalize.io/docs/cli/get-started/) Save the file in your project root directory. Next, run the CLI tool in your project directory using the command line:

```bash
curl -sL https://cdn.simplelocalize.io/cli/simplelocalize | 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](https://thepracticaldev.s3.amazonaws.com/i/p6vokj8q5zlyrz2mzr7m.png)


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 the 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](https://app.gitbook.com/@simplelocalize/s/simplelocalize/api/generic-cdn)

or use [`react-intl-simplelocalize` library](https://simplelocalize.io/docs/integrations/format-js/) for ReactJS applications.

![project-list](https://thepracticaldev.s3.amazonaws.com/i/fr5kjtvxd1ftr45188ys.png)

# 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!](https://app.simplelocalize.io/register)