Jenell Pizarro

@nellarro

Crossing Over to the Dark Side

jenellpizarro.com

@nellarro

Jenell Pizarro

@nellarro

Crossing Over to the Dark Side

The Dark Side

Angular

• MVC Framework 
• HTML and CSS exist as separate entities
• Can be paired with other libraries like NgRx

@nellarro

Crossing Over to the Dark Side

Ionic CLI

@nellarro

Crossing Over to the Dark Side

@nellarro

import { ActionSheetController } from 'ionic-angular';

export class MyPage {
  constructor(public actionSheetCtrl: ActionSheetController) {
  }

  presentActionSheet() {
    let actionSheet = this.actionSheetCtrl.create({
      title: 'Modify your album',
      buttons: [
        {
          text: 'Destructive',
          role: 'destructive',
          handler: () => {
            console.log('Destructive clicked');
          }
        },{
          text: 'Archive',
          handler: () => {
            console.log('Archive clicked');
          }
        },{
          text: 'Cancel',
          role: 'cancel',
          handler: () => {
            console.log('Cancel clicked');
          }
        }
      ]
    });
    actionSheet.present();
  }
}

@nellarro

Crossing Over to the Dark Side

Theming & Design

@nellarro

Crossing Over to the Dark Side

Patience

@nellarro

Crossing Over to the Dark Side

Ionic GUI

@nellarro

Crossing Over to the Dark Side

List

Angular/Ionic

• Readable
• Opinionated
• Brain doesn't die

@nellarro

Crossing Over to the Dark Side

<ion-list>

  <ion-item ng-repeat="item in items" item="item">
    List Item {{ item.id }}
  </ion-item>

</ion-list>

Angular: The Bad Parts

• Opinionated
• Directives
• Not React

@nellarro

Crossing Over to the Dark Side

Thank you

@nellarro

Crossing Over to the Dark Side