--- tags: '@badging/i18n' --- Localization as a Service ===================== # Getting Started with Locize. ## I18next is an internationalization-framework, based on pure JavaScript which offers a complete solution to localize your product from web to mobile and desktop. - Source: https://www.i18next.com/ **Advantages:** - Plugins to detect the user language - Load translations - Optionally cache the translations - Flexibility to use other packages eg: moment.js for date formatting - Scalability — Option to separate translations into multiple files and to load them on demand ### It’s a full-fledged open source internationalization framework suitable for all kinds of JavaScript apps. #### Integration support with different frameworks - Source: https://www.i18next.com/overview/supported-frameworks ### Through [locize.com](https://locize.com/#page-top) i18next even provides its own translation management tool: localization as a service. **locize is a modern and affordable localization management solution. It makes your website, app, game or whatever your project is, global, vibrant, and more engaging especially when unleashing the continuous localization capabilities.** - Source: https://locize.com/#page-top ----------------------------- ### Steps to follow when using [Locize](https://www.locize.app/login) 1. Create an account [here](https://www.locize.app/login) 2. Log into your account 3. A Demo project is generated as soon as your account is created. The aim of the Demo project is to see locize in action before creating your own first project. 4. Add a new language from the varieties of languages 5. Import/Export the specified languages you want to implement using the supported formats. To know more about the supported formats check [here](https://docs.locize.com/integration/supported-formats) ----------------------------------------- ### Implementing the Locize-CLI locize cli to import / export locales, add / edit / remove sync segments - Source: https://github.com/locize/locize-cli --- Saleh's Notes ============== > * [i18next Slide Deck](https://docs.google.com/presentation/d/1hJy4KCAgw4s4JiSnzTRdguk9x68SYjTBK9C4xRWXK00/edit#slide=id.g8a3a52c853_0_3) > * [locize/i18next Namespaces](https://docs.locize.com/more/namespaces) > * [webcomponents.org](https://webcomponents.org/)