#Angular8.0 | Explore Tumblr posts and blogs

solaceinfotechpvtltd · 6 years ago

Text

What’s new in Angular 8.0?

Angular 8 is the first major release from Google in the year 2019. It has focused on the toolchain and also making Angular easier for users for different applications development with performance improvements. But this, major version release also contains some new features and upgradation with respect to the previous versions. New Angular version is much lighter, faster and easier. Angular 8 supports the TypeScript version 3.4. So, using the new TypeScript version, it is easy to code with faster subsequent build with the incremental flag, type checking for globalThis, and generic type arguments. With the new release now available, it’s important to understand what has changed so you’ll know how to approach Angular 8.

New features of Angular 8-

1. Angular Ivy-

If you’re not familiar with Ivy, is it something you should think about? If the case is that, user experience of your apps is significant for you, then Ivy is definitely something you should think about. In spite of the fact that the system has made huge upgrades in file size and runtime speed since the times of Angular 2, Angular applications frequently will in general be on the substantial side with regards to file size and memory use.

Compared with the current Angular View Engine, Ivy provides the following benefits:

The code generated by the Angular compiler is now much simple to read and understand.

Rebuild times are significantly faster

Decreased payload size, so it will take browsers less time to download and parse your applications.

Better template type checking, so you can catch more errors at build time and prevent your users from encountering them at runtime

Over this, Angular Ivy aims to be broadly compatible with existing Angular applications, so preferably, you’ll have the option to get the majority of Ivy’s advantages without changing your applications at all. There will be some bugs and hiccups, however. So it’ll be helpful to develop your current Angular apps using Angular 8 and Ivy. There are some areas where Ivy is lacking—in particular, internationalization and Angular Universal support aren’t yet fully compatible. So if your Angular app supports multiple languages and additionally uses server-side rendering, don’t expect it to be ready to work with Ivy just yet.

2. Web Worker support-

As we all know that JavaScript executes in a single-threaded manner. So, to perform any huge data call or any consecutive Rest API call in an asynchronous manner is essential. But, in real application based scenario, this concept will not help us. This is because today all the web browser support the web worker process. Basically, the web worker process is the scripts executed by the browser in a separate thread. Communication with that thread in the browser tab will be carried out by sending messages. So, in general, web worker is not related to Angular from any point-of-view. But, the main point is that these scripts should be considered in the build process of the application. So, that after deployment of application the same process can be performed continuously. Hence, the main objective is to provide one single bundle for every web worker. Now, in Angular 8 this task can be performed by the Angular CLI.

Also, we can configure our Angular CLI project if we add the web worker for the first time. In this process, CLI will exclude the worker.ts files from the tsconfig.json files and also, add a new TypeScript configuration file named tsconfig.worker.json which handles the worker.ts file. Also, this information also added to the angular.json file as

“webWorkerTsConfig”: “tsconfig.worker.json”

3. Support for typescript-

Finally, Angular 8 is updates to the latest and greatest versions of Angular’s dependencies, which include tools like RxJS and TypeScript. In spite of the fact that this might seem like a small improvement, it’s also an appreciated one. Keeping up with TypeScript, in particular, is great because the TypeScript team consistently appears to pack useful new features into every release. In spite of the fact that there’s nothing preventing you from manually upgrade to the latest version of TypeScript in your projects, it’s great to see that the Angular team is keeping up with everything that TypeScript has to offer and that new apps generated via the Angular CLI will also use the newest version of TypeScript by default.

4. Bazel support-

In new version of Angular, Google introduced another build tool called Bazel. In reality, it is not a new tool. Google used this tool internally since a long time but now, they released this tool as open source. But Bazel is not totally ready in Angular 8. It is introduced as pick in choice with Angular 8 and is expected to be included in the Angular CLI in version 9.

Benefits of using Bazel-

It will provide a faster build time. Generally, It takes time for the first build but taking less time from the concurrent builds.

Using this tool, we can develop the application as an incremental build and deploy only what has been changed rather than the entire app.

We can eject the Bazel file which is normally hidden.

We can add Bazel Support using the below Angular CLI Command,

ng add @angular/bazel

Also, we can create a new app with Bazel with the help of below command,

npm install -g @angular/bazel

ng new my-app –collection=@angular/bazel

5. Differential Loading for performance optimization-

It is one of the best new features in the Angular CLI 8. Because with the assistance of these features, we will determine which browser we will target and the CLI will build the application with related necessary JS bundles with the necessary polyfills. The default target browser in the tsconfig.json file is now es2015. This means that when CLI build the application, it will build for the modern browser that supports ES6 features. But, we have to run the application in an older browser like IE9, then we have to specify it in the browser list file. This file exists in the root folder of the CLI project. Previously, it is used for the CSS part only. Now, it can be used for JS generation.

6. Changes in Lazy Loading in Route-

In Angular from the starting, the router mechanism always supports the concept of lazy loading. Till Angular 7, it was done by the string value of the loading module as below,

{

path: ‘lazy’,

loadChildren: () => ‘./admin/admin.module#AdminModule’

}

The value up to the #(hash) sign represents the path of the module file. In this the target component exists and the value after the hash sign represent the class name of that module. This style will continuously work in Angular 8. Only the way of writing lazy module has been changed. The string value of the loadchildren has been deprecated because of the support of ECMAScript and Ivy will only support this. So, now the loadchildren declaration will be like this,

{

path: ‘lazy’,

loadChildren: () => import(‘./admin/admin.module’).then(m => m.AdminModule)

}

7. Use Analytics Data-

In Angular 8, Angular CLI use analytics data so that Angular team can prioritize the features and improvements. So, when we update the CLI projects, it will opt-in with ng analytics on options. If we allow this globally, then it will collect some data like command used, the flag used, Operating System, Node Version, CPU Count, RAM Size, execution time and error with crash data if any to the Angular team for the improvement purpose in the future releases.

8. Support SVG Template-

Now, Angular 8 supports the template features with a file extension SVG. This means that, we can use the SVG extension file as a template in place of HTML file without any extra configuration settings. But why we will use a .svg file as a template instead of using the image in an HTML file? The reason is when we use SVG as a template, then we can use that as a directive and as a result, we can bind it just like HTML templates. With this approach, we can dynamically generate interactive graphics in our Angular Applications.

@Component({

selector: “app-icon”,

templateUrl: “./icon.component.svg”,

styleUrls: [“./icon.component.css”]

})

export class DashboardComponent {…}

9. PNPM Support-

In Angular 8, Angular CLI also support PNPM including NPM and Yarn. Also, in the command ng add now provide a new flag called – registry for adding packages from any private NPM registry. This command is already available in the Angular CLI version for ng update command.

Conclusion-

These are the new features in Angular 8, that you can use for effective development. If your apps are going to need changes, it’s better to find out immediately than to wait. You can know the comparison between Angular, React and Vue at out blog- Angular vs. React vs. Vue: A 2019 Comparison (Updated).

Are you looking to develop software with Angular? We suggest you the development with Angular 8. Solace is the perfect place to start with. Developers at Solace are well trained in Angular 8 development to give you the best solution. Get a free quote for software development that helps your business to stand out in the wide market competition.

#angular8.0 #angular #development

0 notes

mtoagtechnology101-blog · 6 years ago

Text

Angular 8.0 - What's New And How To Upgrade This?

Angular 8.0 and Ivy Renderer Opt-In Preview comes with a bang

The Much awaited and talked regarding Angular 8.0 and Ivy Renderer are now out of the closet. Though it truly is scheduled that the launch was due in March, it progressed to April last but not least appeared by the end of might 20-19.

Together with The current update in Angular 8.0, it's quite vital to comprehend what all Angular Ivy 8 has brought to the dining table and also how will it be very therapeutic for that internet app development market. Angular 7 will likely be supported before April ’20 thus there isn't any rush to leap onto Angular 8.0 at the time of now.

Angular Is understandably the absolute most sought-after open-source Internet Program framework by programmers worldwide because of its ease, efficiency, and also powerful features. Keeping the aforementioned facets in mind, let's us research more concerning Angular Ivy 8 to own a far more informed view. We are leading & demanding AngularJS Development Company.

Angular Ivyv8 - Positive Aspects Galore

Speculations Have climbed and dropped since more than annually about the Ivy renderer currently being highlighted together using Angular 8.0. The final release of Ivy has been expected with Angular v8 but now only an opt-in preview is being offered. Programmers will be able to use out and ascertain how the present Angular software perform with Ivy and also check out the constructive and negative attributes with the sampling preview.

Over The several years Google has initiated many developments to the Angular frame toward improving its run time speed and lowering its own tremendous file size, but Angular programs have been known to throw their weight round regarding memory use and big file dimensions, but this seems to be shifting with the introduction of Ivy renderer. User-experience may observe a sea change together with this much discussed regarding the characteristic in cinema framework.

In Comparison to the contained in trend cinema View motor, the Ivy renderer portrays the following multi-faceted benefits of improving consumer knowledge:

Payload size decreased to ensure that browsers useless time to test and also load only the essential set of packages

The code produced is much a lot easier to browse and also understand by individuals

re-build instances are considerably quicker

partitioning of procedure through the CLI expansion

Maximize smaller bundles for modern browsers

Build legacy software bundles for older browsers

See through errors during build time via improved template kind checking for greater user-experience

Angular Ivy v8 will likely be ideally compatible with your existing Angular applications, which means That You May reap its benefits With no dreadful notion of changing your current apps. Updating your Angular 7 applications to Angular 8.0 will appear favorable in the long term since the old versions of Angular stage outside. The Ivy renderer is right here to stay with Angular v-8 and its future versions. It's a good idea to create your existing Angular apps employing Angular Ivy v 8 .

At the Situation you confront any unanticipated mistakes while attempting outside the Ivy renderer, you May be in touch using the Angular workforce to get a spontaneous difficulty fix or apt advice to produce your Ivy informed. Nowadays, you will find more compatibility issues relating to Angular Universal support with regards to a number of language service; yet another anxiety spot may be the Angular Material which presently definitely gel with the Ivy, however, also the Angular team is still working with it and so on you'll have an updated workable version of it.

What's the new inAngular 8.0?

Differential Loading of Contemporary JavaScript

· As the name suggests, more modern programs designed by Angular CLI could have different and smaller bundles for elderly heritage Java Script (ES5) variant and contemporary JavaScript (ES2015+) versions.

· Modern browsers are going to be able to down load smaller sized, enhanced program bundles via ES2015 for quicker loading and producing.

· The router upgrades will make it possible for the elderly edition of Angular 1.x. To transition easily its lazy load parts employing the route APIs into the modern Angular app with the backward compatibility style.

Advancements for Angular CLI web worker bundling

Prior to Angular 8.0, web employees and entrance conclusion Developers were required to work on different operate threads led to delayed and poor conversation for application development. With the improved support of world wide web doing work bundling with Angular CLI it can continue to work wonders towards a paralleled work flow for improving the rate of their application form.

HIRE ANGULARJS DEVELOPERS at simple cost for development work.

Opt-in Usage Sharing

The using use sharing Telemetry attribute has been added to improve the quality of our day to day Angular CLI using development tools. As an alternative of sharing your telemetry by default option as some development tools have been programmed to do, the opt-in utilization sharing attribute repeats your consent before doing this.

Dependency Support for Typescript and RxJS

Angular 8.0 will be supplying upgrades because of its major dependency tools like Typescript and RxJS. This will help to keep you organized with all the Angular CLI. By default option, the newer apps created by way of Angular CLI may comprise the recent model of Typescript. You may also manually update if you so need.

Angular Efficiency Benchmarks

With Every newly upgraded version of Angular, you is certain to get a complimentary functionality enhancement to the present variant. This really is one of the serious reasons for upgrading to more modern versions. While performing a comparison of Angular 7.2 along with Angular 8.0.0 models it had been found that:

Angular 7.2 Java Script bundle weighs roughly 240 kb plus includes a single bundle. The overall performance metrics reveal speed and loading time has obtained is 3.9 s.

Angular 8.0 JavaScript package is available in 2 individual packages and weighs approximately 250 kb for older browsers along with 170 kb for modern browsers. Comparatively the operation grade metrics show loading and speed timing has obtained is 2.5 therefore, which is unquestionably a plus.

Summary of Angular 8.0

Since you've now become nicely Informed about the additional features of Angular Ivy v8, it is smart to upgrade your apps from your present Angular 7 applications. The performance features have been enriched without a extra cost to you personally, why don't you delve in the ability that has presented itself to you personally. Why do you wish to wait until Angular View Engine legacy version becomes out of date? Angular vs React which is the best framework for your new projects.

Mtoag Technologies Give Angular, Respond and Vue software using Upgraded Java Script frameworks for our worldwide allies. If you are desirous of Getting your app made on the above tech, we are the apt company for you. We can talk about your project idea and also ship you a no-obligation quotation. We can Be contacted on our contact details are given on the site www.mtoag.com

#Angular8.0

0 notes