Why to choose @rxweb/ngx-translate-extension for Internationalization in Angular

ngx-translate-extension is an extensive library of ngx-translate. can be installed using npm.

Most of the angular developers must have faced a need to integrated a translation library to internationalize the angular application with lot of translation features

But have you analyzed the maintainability, simplicity and readability of the code. How much consistency does the library provide while resolving the translation data.

Confused about how to compare ???

Clean Code Comparison#

Since there are a lot of translation libraries available for translation, RxWeb has compared more often used translation libraries

ngx-translate-extension is an extensive library of ngx-translate. can be installed using npm.

When we talk about clean code it includes verifying it at many steps right from the configuration to rendering it into the user interface

How is it Different from :#

Transloco:#

  1. No Compulsion to use OnPush change detection stratergy

  2. No to Impure Pipes, Method, Attribute Directive, Using the Simple Object property for binding the multilingual text

  3. One Time Configuration through out application

  4. Zero Multiple package dependency

  5. Zero Subscription for Language Change or other necessary things

  6. Not required to use ng-container for resolving multiple translations

  7. Template Code is much simple, as there is no need to pass the parameter for translate text interpolation or write the conditional code in the HTML template

Angular-L10n:#

  1. Zero Subscription

  2. Pure Pipe works well without passing the Language Code as additional parameter

  3. Binds the FormControl Error Messages without using the Pipes

Angular-I18next#

  1. No need to set the additional configuration on Routes

  2. Automatically Format the Text without passing the parameters or formatter name in HTML template

How this is more intuitive in terms of Clean Code?#

As RxWeb follows best design practices and approach to use clean code. Here are some glimpse of some of the basic features provided by its translation library.

Simple Translation#

This is the one of the most beautiful feature 🙃 of the library relies on the Angular interpolation for displaying a localized text in the respective view template with double curly braces syntax. Have a look at the code 👇

Component:

Html:

Json:


Component Scoped Binding with Translation#

We use Angular interpolation for Component Scoped Property Binding with translation text, This gives fantabulous 😲 solution of the problem of writing the little lines of business logic in the template and with this way the template is much clear.

Component:

Html:

Json:


Conditional Scoped Translation#

One of the richest feature of the library 😍, which gives complete flexibility to run the translation property string code same as same as existing component scoped method.

Component:

Html:

Json:

View the Complete List of Features and their working Examples