Hey Hey Hey! So we’ve been hard at work on the next release of Ionic and we’re pleased to announce a beta release of Ionic 3.0.0!

To update to this beta, please follow the upgrade instructions here:

##Ionic 3 Update Guide

Breaking Changes

Grid

The old grid has been removed, please update to the new responsive grid: http://blog.ionic.io/build-awesome-desktop-apps-with-ionics-new-responsive-grid/

Typography

Style selectors have been removed, so you’ll need to add the ion-text attribute to add color to native HTML elements.

Previously you could write:

<h1 color="secondary"> Hello World </h1>

Now it should be:

<h1 ion-text color="secondary"> Hello World </h1>

Slides

All deprecated slide options and inputs have been removed. These had console warns, so they shouldn’t have been in use anymore:

Slides input options has been removed. Please use the input properties instead.

has been removed. Please use the input properties instead. Slide event ionWillChange has been removed, please use ionSlideWillChange instead.

has been removed, please use instead. Slide event ionDidChange has been removed, please use ionSlideDidChange instead.

has been removed, please use instead. Slide event ionDrag has been removed, please use ionSlideDrag instead.

has been removed, please use instead. Slides getSlider() method has been removed, please use the instance of ion-slides.

Note

There are a few known issue with SplitPane and Deeplinker. They will be addressed in 3.1

Features

Update to Angular 4.0.0.

Update to latest Typescript, 2.2.x

Lazy loading of page components

To take advantage of lazy loading components in your app, it’s highly recommended that you follow the steps in the google doc, as this will provide a substantial improvement in startup time.

For a reference of breaking changes in Angular, please see their changelog: https://github.com/angular/angular/blob/master/CHANGELOG.md