8 Reasons to be excited about Ionic 2

Slide 1

Slide 1 text

8 Reasons to be excited about Ionic 2 Hybrid Apps Berlin - October 2015 Christian Justus

Slide 2

Slide 2 text

Christian Justus 3 years of exclusive hybrid app development Co-founder of Hybrid Heroes Worked with Ionic since Beta 4 Built over a dozen Ionic apps myself @krik

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

Facts and Figures 1M Apps created 200k monthly npm installs 20k GitHub stars 100k Forum posts 13k StackOverflow posts 3000+ Slack members

Slide 5

Slide 5 text

Status Quo The challenges in developing Ionic apps ... AngularJS − Easy to get started but hard to master − Released in 2009, couldn‘t keep up with evolving web technologies as good as younger frameworks Workflows − The amount of frontend tooling has gotten out of hand − Native packaging is error-prone

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

#1 Its Stack is state-of-the-art

Slide 8

Slide 8 text

#2 It includes batteries Best-practice configuration for all tooling, abstracted by Ionic CLI Bindings for a range of native interfaces Deployment and packaging via Ionic.io

Slide 9

Slide 9 text

#3 It’s surprisingly simple ES6 TypeScript to reduce boilerplate − Dependecy injection − Annotations CSS attribute selectors for styles Class selectors for custom styles

Slide 10

Slide 10 text

#4 It’s picking up where it left The same awesome components we loved in Ionic 1 A few extra ones − Segment Button − Search Bar (Others are still missing) − Virtual Scrolling − Popovers

Slide 11

Slide 11 text

#5 It’s beautiful Ionic 2 is more platform- agnostic than before, comes with − Material Design − More native-like UX and UI − Light/Dark Default Themes

Slide 12

Slide 12 text

#6 It‘s a joy to customize CSS attribute selectors go well with custom styles and naming conventions Dynamic color palettes Grouped animations based on Web Animations API (polyfilled on IOS)

Slide 13

Slide 13 text

#7 It handles your crazy screen flow New stack-based navigation can handle any navigation flow, eg. infinitely drilling into tree structure Url-based routing is available via Angular 2 Router

Slide 14

Slide 14 text

#8 It’s incredibly fast* *Angular 2 is supposed to deliver great performance. Real- world performance of Ionic 2 alpha is not there yet Performance is on the Roadmap