Using Zones in Angular for better performance by thoughtram

  • That’s why Jordi Collell pointed out that another option would be to take advantage of Zone APIs, to execute our code outside the Angular zone, which will prevent Angular from running unnecessary change detection tasks.
  • We’ll take a look at some numbers later, but let’s quickly recap Zones and then dive into the code and discuss how Jordi used Angular’s APIs to achieve this performance first.
  • We’re working with the DOM element instead of a box object with bindings for and , because bindings won’t be change detected since we’re running the code outside Angular’s Zone.
  • The cool thing about is not only that it allows us to run code outside Angular’s Zone, it also comes with APIs to run code inside the Angular Zone, which ultimately will cause Angular to perform change detection again.
  • Using Zones is a great way to escape Angular’s change detection, without detaching change detectors and making the application code too complex.

In this article we’ll take a look at how to use Zone APIs to improve our app’s performance!
Continue reading “Using Zones in Angular for better performance by thoughtram”

Using Zones in Angular for better performance by thoughtram

#AngularJS - Using Zones for better performance  #javascript #angular

  • That’s why Jordi Collell pointed out that another option would be to take advantage of Zone APIs, to execute our code outside the Angular zone, which will prevent Angular from running unnecessary change detection tasks.
  • We’ll take a look at some numbers later, but let’s quickly recap Zones and then dive into the code and discuss how Jordi used Angular’s APIs to achieve this performance first.
  • We’re working with the DOM element instead of a box object with bindings for and , because bindings won’t be change detected since we’re running the code outside Angular’s Zone.
  • The cool thing about is not only that it allows us to run code outside Angular’s Zone, it also comes with APIs to run code inside the Angular Zone, which ultimately will cause Angular to perform change detection again.
  • Using Zones is a great way to escape Angular’s change detection, without detaching change detectors and making the application code too complex.

In this article we’ll take a look at how to use Zone APIs to improve our app’s performance!
Continue reading “Using Zones in Angular for better performance by thoughtram”

Getting Started with Ionic Framework: An Overview – Hacker Noon

  • Pre-requisites for developing an Ionic Application?You will need these tools as a part of your environment setup with your Operating System.Even if you do not use Node.js as a part of your development environment, to use Ionic you have to install it to get access to command line tools such as Bower, Gulp, and Ionic’s own Command Line Interface using its Node’s package manager: npm.Installing IonicIonic is a collection of Angular.js, UI Router, Angular directives, Angular services, JS utilities, and mobile focused CSS styles.
  • These are bundled together as ionic.bundle.js and ionic.css.From your command line:$ npm install cordova ionic -gThis will install a tool you are going make use of: Ionic CLI which is a command line utility.For detailed information on what it can do:$ ionic –help which list all the things tasks you can perform using this utility.Ionic App Development ProcessAfter installing the command line utility, you can start by creating an app using Ionic’s starter templates.
  • Ionic provides three starter templates:blank ionic start myApp blanktabs ionic start myApp tabssidemenu start myApp sidemenuTo get a list of all Ionic templates available type in terminal:$ ionic start -lionic start is the command that is used to scaffold an Ionic application.Scaffolding an Ionic Application$ ionic start -a “Example” -i app.example example blankThis command can help you scaffold an Ionic Project with following options:-a “Example” human readable name of application-i app.example application IDexample project folder’s nameblank ionic templateThis steps allows the config file to update with application name and its ID.
  • After this step, if you look closely at your terminal window, a script runs which installs six Cordova plugins mentioned package.json file.cordova-plugin-device to get device defines a global instance of implements whitelist policy for navigating the application’s it shows and hides a splash screen during the start of the application on a devicecordova-plugin-statusbar provides functions to customize the iOS and Android StatusBarionic-plugin-keyboard provides functions to interact with the keyboardSo now you have an Ionic project setup and you are familiar the basic elements of a project’s setup.
  • $ cd example$ ionic serveIt will open a browser window in the default web browser and you will see similar to this:ionic serve –lab will run the app locally showing two instances of the app for iOS Android.To run the application deliberately on a different port number: ionic serve -p 8080Ionic Project StructureFollowing is the root structure of an Ionic Project after scaffolding:I will start describing what each folder/file in the root folder of the app contains, from top to bottom.hooks consists of scripts that are executed when a specific Cordova task is performedplugins contains all plugins that comes added to projectwww ionic app code that we write to build appscss consists base scss file (styles of ionic UI components).

I have been getting familiar with Ionic Framework in past recent days. To start, I had a question in mind which might be similar to yours. Why choose Ionic Framework? With all that said, I am going…
Continue reading “Getting Started with Ionic Framework: An Overview – Hacker Noon”

Using Zones in Angular for better performance by thoughtram

Using Zones in @Angular for better performance ~ 

Thank you @galigan for your contribution!!

  • That’s why Jordi Collell pointed out that another option would be to take advantage of Zone APIs, to execute our code outside the Angular zone, which will prevent Angular from running unnecessary change detection tasks.
  • We’ll take a look at some numbers later, but let’s quickly recap Zones and then dive into the code and discuss how Jordi used Angular’s APIs to achieve this performance first.
  • We’re working with the DOM element instead of a box object with bindings for and , because bindings won’t be change detected since we’re running the code outside Angular’s Zone.
  • The cool thing about is not only that it allows us to run code outside Angular’s Zone, it also comes with APIs to run code inside the Angular Zone, which ultimately will cause Angular to perform change detection again.
  • Using Zones is a great way to escape Angular’s change detection, without detaching change detectors and making the application code too complex.

In this article we’ll take a look at how to use Zone APIs to improve our app’s performance!
Continue reading “Using Zones in Angular for better performance by thoughtram”

Using Zones in Angular for better performance by thoughtram

  • That’s why Jordi Collell pointed out that another option would be to take advantage of Zone APIs, to execute our code outside the Angular zone, which will prevent Angular from running unnecessary change detection tasks.
  • We’ll take a look at some numbers later, but let’s quickly recap Zones and then dive into the code and discuss how Jordi used Angular’s APIs to achieve this performance first.
  • We’re working with the DOM element instead of a box object with bindings for and , because bindings won’t be change detected since we’re running the code outside Angular’s Zone.
  • The cool thing about is not only that it allows us to run code outside Angular’s Zone, it also comes with APIs to run code inside the Angular Zone, which ultimately will cause Angular to perform change detection again.
  • Using Zones is a great way to escape Angular’s change detection, without detaching change detectors and making the application code too complex.

In this article we’ll take a look at how to use Zone APIs to improve our app’s performance!
Continue reading “Using Zones in Angular for better performance by thoughtram”