{"id":2004,"date":"2017-09-28T15:17:57","date_gmt":"2017-09-28T15:17:57","guid":{"rendered":"https:\/\/ionic.io\/blog\/?p=2004"},"modified":"2017-09-28T15:33:44","modified_gmt":"2017-09-28T15:33:44","slug":"updates-for-all-ionic-angular-3-7-and-more","status":"publish","type":"post","link":"https:\/\/ionic.io\/blog\/updates-for-all-ionic-angular-3-7-and-more","title":{"rendered":"Updates for all: Ionic-angular 3.7 and more!"},"content":{"rendered":"

Happy Thursday Ionites! We\u2019re hope you\u2019re enjoying all that Autumn \ud83c\udf42 – the best season – has to offer. Today we\u2019re releasing ionic-angular<\/code> 3.7.0 and @ionic\/app-scripts<\/code> 3.0.0. These releases have a lot to offer, so let\u2019s dive into each of them.<\/p>\n

<\/p>\n

Ionic Updates<\/h3>\n

ionic-angular<\/code> 3.7.0 is a minor release that adds support for the latest version of Angular, version 4.4.3. This includes a lot of bug fixes, improvements, as well as the new Angular HTTPClient! We\u2019ve also started the process of adjusting our CSS to add support for the upcoming iPhone X. This includes taking advantage of some great new CSS features in iOS11, which you can read about here<\/a> . 3.7.0<\/code> includes a few important changes, with more coming in the next release of Ionic. We\u2019ll also update Ionic 1.x with the necessary changes needed to support the iPhone X. Expect to hear more about this soon.<\/p>\n

In addition to the CSS changes and updates to dependencies, there are several important bug fixes in the release. Check out the changelog<\/a> for more info. ionic-angular<\/code> 3.7.0 is a drop-in replacement for version 3.6.1, so you\u2019re just an npm install<\/code> away from being up and running with the latest.<\/p>\n

Build Process Updates<\/h3>\n

@ionic\/app-scripts<\/code> 3.0.0 is a major release with several new features. We\u2019ve added support for ngo<\/code>, the build optimizer tool created by the Angular team. Using ngo<\/code> should result in apps that are smaller and boot faster. For the sake of build time, ngo<\/code> is only used when the --prod<\/code> or --optimizejs<\/code> flags are passed. In addition to ngo<\/code>, we squashed some pesky bugs in an app\u2019s source maps to improve the debugging experience. Finally, we\u2019ve cleaned up a lot of the code base, deprecated some unused tools, and refactored the code to be agnostic to the angular version. Overall, @ionic\/app-scripts<\/code> 3.0.0 is a large internal change, but should be a drop-in replacement.<\/p>\n

If you are using a custom webpack<\/code> configuration, there is a breaking change to the config. Please review the changelog<\/a> and let us know<\/a> if you experience any issues.<\/p>\n

Upgrade Instructions<\/h3>\n

To upgrade an existing project with these new versions, simply run the following commands:<\/p>\n

npm install -g ionic@latest\nnpm install ionic-angular@3.7.0 --save\nnpm install @ionic\/app-scripts@3.0.0 --save-dev\nnpm install @angular\/core@4.4.3 --save\nnpm install @angular\/common@4.4.3 --save\nnpm install @angular\/compiler@4.4.3 --save\nnpm install @angular\/compiler-cli@4.4.3 --save\nnpm install @angular\/forms@4.4.3 --save\nnpm install @angular\/http@4.4.3 --save\nnpm install @angular\/platform-browser@4.4.3 --save\nnpm install @angular\/platform-browser-dynamic@4.4.3 --save\nnpm install rxjs@5.4.3 --save\nnpm install zone.js@0.8.17 --save\n<\/code><\/pre>\n
What\u2019s Next<\/h3>\n
In addition to improving ionic-angular<\/code> 3.x, we\u2019re busy marching towards the next major release, ionic-angular<\/code> 4.0.0.<\/p>\n
With version 4.0.0<\/code>, we are refactoring our<\/strong> internal code base to move towards web components, via Stencil. Ultimately, this refactor will make Ionic framework agnostic.<\/p>\n
What does this mean for you, a developer with an existing Ionic app? Well, the answer is probably not much. Your app will work the same way it does today. There will be a few updates that will need to be made to your codebase, but we\u2019re aiming to keep these to a minimum!<\/p>\n
This internal refactor is not something that developer\u2019s building with<\/em> Ionic really need to be concerned with. Our goal is to keep APIs as close to what they are today as possible. In our testing, we\u2019ve seen apps boot significantly faster, and improved runtime performance. Needless to say, we\u2019re extremely excited about that!<\/p>\n
Stencil Preview<\/h3>\n
A few weeks back at the Polymer Conf, we announced Stencil<\/a>, a new open-source tool for creating standard web components. We\u2019re super excited about Stencil and the impact that it can have on the web ecosystem! See the introduction video here.<\/p>\n
\n