Happy Thursday Ionites! We’re hope you’re enjoying all that Autumn 🍂 – the best season – has to offer. Today we’re releasing
ionic-angular 3.7.0 and
@ionic/app-scripts 3.0.0. These releases have a lot to offer, so let’s dive into each of them.
ionic-angular 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’ve 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 .
3.7.0 includes a few important changes, with more coming in the next release of Ionic. We’ll also update Ionic 1.x with the necessary changes needed to support the iPhone X. Expect to hear more about this soon.
In addition to the CSS changes and updates to dependencies, there are several important bug fixes in the release. Check out the changelog for more info.
ionic-angular 3.7.0 is a drop-in replacement for version 3.6.1, so you’re just an
npm install away from being up and running with the latest.
Build Process Updates
@ionic/app-scripts 3.0.0 is a major release with several new features. We’ve added support for
ngo, the build optimizer tool created by the Angular team. Using
ngo should result in apps that are smaller and boot faster. For the sake of build time,
ngo is only used when the
--optimizejs flags are passed. In addition to
ngo, we squashed some pesky bugs in an app’s source maps to improve the debugging experience. Finally, we’ve 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 3.0.0 is a large internal change, but should be a drop-in replacement.
To upgrade an existing project with these new versions, simply run the following commands:
npm install -g ionic@latest npm install firstname.lastname@example.org --save npm install @email@example.com --save-dev npm install @firstname.lastname@example.org --save npm install @email@example.com --save npm install @firstname.lastname@example.org --save npm install @email@example.com --save npm install @firstname.lastname@example.org --save npm install @email@example.com --save npm install @firstname.lastname@example.org --save npm install @email@example.com --save npm install firstname.lastname@example.org --save npm install email@example.com --save
In addition to improving
ionic-angular 3.x, we’re busy marching towards the next major release,
4.0.0, we are refactoring our internal code base to move towards web components, via Stencil. Ultimately, this refactor will make Ionic framework agnostic.
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’re aiming to keep these to a minimum!
This internal refactor is not something that developer’s building with 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’ve seen apps boot significantly faster, and improved runtime performance. Needless to say, we’re extremely excited about that!
A few weeks back at the Polymer Conf, we announced Stencil, a new open-source tool for creating standard web components. We’re super excited about Stencil and the impact that it can have on the web ecosystem! See the introduction video here.
We’re pretty pumped up about the improvements and bug fixes in
ionic-angular 3.7.0 and
@ionic/app-scripts 3.0.0. Every time we put out a new release, our goal is for it to improve your app’s capabilities or performance, or to improve the developer experience. We think today’s updates check all of the boxes.