Changes From Previous Versions of Ionic: Part 1

What’s new in the latest Ionic release?

Compared to previous versions of the framework, the latest Ionic release brings with it several feature changes and enhancements, including:

• Web components
• Greater integration with Angular (particularly with navigation)
• Framework-agnostic development

Because some developers new to Ionic might not be familiar with them, we’ll also cover some of the framework’s pre-existing features:

• TypeScript
• Native support for Promises and Observables
• Arrow functions
• Ahead-of-time compilation

Note: Throughout the remainder of the course (unless otherwise indicated) we’ll be using the Angular framework to explore Ionic application development.

Web components

Web components are self-contained packages of HTML, TypeScript, and CSS/Sass, which help form the individual pages for our Ionic apps.

For example, an “About” page component is simply a directory named after the page with the following file structure:

These files provide the following functionality:

• The about-routing.module.ts: file provides Angular routing for that component (we’ll cover routing in the Ionic Navigation chapter)

• The about.module.ts: file offers an Angular feature module for loading components, ...