Overview

As officially announced at the NativeScript Developer Day, NativeScript UI is now free. As a consequence of this change, the nativescript-telerik-ui and nativescript-telerik-ui-pro plugins are being deprecated in favor of nativescript-pro-ui which has the same components as nativescript-telerik-ui-pro. This article will guide you through the process of migrating your existing applications to the new plugin.

Migrating nativescript-telerik-ui to nativescript-pro-ui

If you have an existing Nativescript application using the latest nativescript-telerik-ui plugin you can easily upgrade to nativescript-pro-ui following these steps:

  1. Update your package.json file by replacing the nativescript-telerik-ui dependency with nativescript-pro-ui using its latest version.
  2. Iterate over all your .ts or .js files where the plugin is imported and make sure to change the import from nativescript-telerik-ui/<component-name> to nativescript-pro-ui/<component-name>. Note that this applies to imports regarding Angular wrappers as well. In that case you will have to update your paths from nativescript-telerik-ui/<component-name>/angular to nativescript-pro-ui/<component-name>/angular.
  3. Non-Angular users only: Iterate over all your .xml files where the plugin is imported and make sure to change the import from nativescript-telerik-ui/<component-name> to nativescript-pro-ui/<component-name>.
  4. Delete the node_modules and platforms folders in your project's root directory and rebuild.

Migrating nativescript-telerik-ui-pro to nativescript-pro-ui

If you have an existing Nativescript application using the latest nativescript-telerik-ui-pro plugin you can easily upgrade to nativescript-pro-ui following these steps:

  1. Update your package.json file by replacing the nativescript-telerik-ui-pro dependency with nativescript-pro-ui using its latest version.
  2. Iterate over all your .ts or .js files where the plugin is imported and make sure to change the import from nativescript-telerik-ui-pro/<component-name> to nativescript-pro-ui/<component-name>. Note that this applies to imports regarding Angular wrappers as well. In that case you will have to update your paths from nativescript-telerik-ui-pro/<component-name>/angular to nativescript-pro-ui/<component-name>/angular.
  3. Non-Angular users only: Iterate over all your .xml files where the plugin is imported and make sure to change the import from nativescript-telerik-ui-pro/<component-name> to nativescript-pro-ui/<component-name>.
  4. Delete the node_modules and platforms folders in your project's root directory and rebuild.