ngAir 80 - Calm before the storm

ngAir 80 - Calm before the storm

#Show Notes

Updates

Angular 2 release

CLI

NativeScript conference

AngularConnect

Tips & Picks

Jeff

Angular Native poll https://twitter.com/orgbx/status/778928931219070976

PWA links https://github.com/hemanth/awesome-pwa

Justin

Angular Zone Webinar: using new ngModule in Angular 2 w/ Pascal Precht
https://www.youtube.com/watch?v=Usohbij6frA&feature=youtu.be

Ng2d3 - D3 + Angular2 Composable Re-usable Charting Framework
https://github.com/swimlane/ng2d3

Josh

AngularConnect: live streams, schedule on the website

Mike

ng2dnd

ngAir Special

ngAir Special

Host: Jeff Whelpley

Guests: Misko Hevery, Rob Wormald, Jules Kremer

Panelists: Patrick Stapleton, Justin Schwartzenberger, Olivier Combe, Austin McDaniel, Scott Moss

• How long has it been?
• What is the release name?
• Do you think that Angular 2 is the best solution for enterprise apps right now?
• What about small apps?
• How long has it been since you’ve started working on Angular 2?
• What happens now?
• What are you the most proud of in Angular 2?
• Is there something that you would change now if you had the time to do it over ?
• Will CLI be releasing final at the same time?
• What is your view on convention over configuration?
• Will the docs end up containing any recommended implementation patterns like NgModule strategies, redux, etc or is that an area best left to the community?
• If my setup is ready, is there an interest in using the CLI?
• What is the size of the team working on Angular 2? Compared to Angular 1?
• Will you guys start using semver?

ngAir 79 - ng1 to ng2 Migration with Joe Eames

 ngAir 79 - ng1 to ng2 Migration with Joe Eames

#Show Notes

Intro

Joe’s background with migrations

Pluralsight course

Refactoring your ng1 app before migrating to ng2

Component based architecture

What are the different approaches? 3 options:

Big bang - should only do if takes a couple weeks, less than 10k lines of code

Leave it alone - Maintain it in Angular 1

Slowly convert - Angular 1 app that calls Angular 2 for some pieces

Can convert any Angular 2 component into Angular 1 directive

When slowly converting, important to mitigate risk by doing smaller changesets

Performance

Angular 2 an order of magnitude faster

Angular 1 is the slow piece

Overhead with cooridination, but not that much

What to do if no tests in current ng1 app?

Do you need to have two http services running?

What do you think of Angular’s approach to migration compared to Ember’s?

Wrap Up

Answer Q&A from Twitter

Upcoming shows:

Tips & Picks

Joe Eames

Angular 2 Migration on Pluralsight https://www.pluralsight.com/courses/migrating-applications-angular-2

Stranger Things

Jeff Whelpley

PureScript Generics https://github.com/purescript/purescript/blob/dc458fb5e07935db9e3d6ee117f50206df99f9dd/examples/passing/GHCGenerics.purs

Austin McDaniel

TypeScript https://www.typescriptlang.org/

Justin Schwartzenberger

Introducing Angular Modules - Root Module by John Papa
https://johnpapa.net/introducing-angular-modules-root-module/ 

ngAir 78 GraphQL and Apollo with Uri Goldshtein

ngAir 78 GraphQL and Apollo with Uri Goldshtein

Show Notes

Intro

Uri

GraphQL

What is it?

What does it solve?

Apollo

How does this help us do GraphQL?

Demo 1

Using GraphiQL to write queries and explore data models

Demo 2

Comparison in client of calling multiple REST endpoints, calling a monolithic REST endpoint, and doing the same work with GraphQL using the Apollo service code.

#links

Links to all the examples - https://github.com/kamilkisiela/angular2-apollo-examples/blob/master/README.md

Docs - http://dev.apollodata.com/core/angular2.html

Slack Channel - https://apollostack.slack.com/messages/angular2-apollo/

Barcelona talk - https://www.youtube.com/watch?v=qpGnPbpkcZM&index=3&list=PLhCf3AUOg4PgQoY_A6xWDQ70yaNtPYtZd

And Apollo Youtube channel for the Meetup lectures (last one was on GraphQL in production) - https://www.youtube.com/channel/UC0pEW_GOrMJ23l8QcrGdKSw

workshop by Kamil!!  -  http://www.meetup.com/AngularZone/events/233444689/

Tips & Picks

Mike Brocchi

 ngrx - https://github.com/ngrx/store

Dimitri

Tether - awesome positioning library (http://tether.io/)

Angular2-apollo- https://github.com/apollostack/angular2-apollo 

Uri Goldstein

GraphQL resources

Goal Zero

Burning Man

Justin Schwartzenberger

Ben Nadel (@BenNadel)
http://www.bennadel.com 

Jim Cummins

LearnGraphQL.com

GraphiQL

https://www.npmjs.com/package/gra

commitizen

ngAir 77 - Todd Motto- The Man The Myth The Legend

ngAir 77 - Todd Motto- The Man The Myth The Legend

Show Notes

Sponsor pitch for Angular training

Mention the live show questions on twitter with #ngair

Intros

What’re you working on etc

ngMigrate

1.5 component courses

Why components for Angular 1.x?

Path to Angular 2

Lifecycle hooks

Uni dataflow

Coding demo (if needed/time providing)

Angular modules

Angular 1.x modules

Angular @NgModule

What does a developer advocate do? (Olivier)

Tips & Picks

Justin Schwartzenberger

Rob Wormald helping to explain NgModule for larger applications
https://github.com/angular/angular/issues/10552#issuecomment-241556913

Ward Bell explaining providers staying on component metadata
https://github.com/angular/angular/issues/10552#issuecomment-241576063

Rob assuring us of Angular 2 API complete status
https://github.com/angular/angular/issues/10552#issuecomment-241578111

Austin McDaniel

Angular2 HMR w/ Webpack Plugin ( works w/ RC5 ) https://github.com/AngularClass/angular2-hmr-loader

Angular Material 1.1 Release & Angular2 Version has 18 components now http://angularjs.blogspot.com/2016/08/angular-material-11-and-2x.html

Olivier Combe

http://blog.angular-university.io/angular2-ngmodule/

Ng2-translate recommended by Ionic 2

Todd Motto 

@ChrisThielen for his ui-router work

ngAir 76 - Angular Data Table with Austin McDaniel

ngAir 76 - Angular Data Table with Austin McDaniel

Show Notes

Intros

Background of Angular Data Table

Use cases for large data tables

Origins of Angular 1 solution

Demos 1000s rows

Nasty hacks in ng1

How looks in ng2

Tips & Picks

Jeff Whelpley

https://zeit.co/now

https://www.youtube.com/watch?v=LE8C2xXYQD8&feature=youtu.be&t=4426

AngularConnect

AngularRemoteConf

ngAir 75 - Webpack 2 with Sean Larkin

ngAir 75 - Webpack 2 with Sean Larkin

Show Notes

Intro to Sean

General Webpack questions

What does Webpack do?

New features in Webpack 2

Evolution of build tooling (i.e. Grunt -> Gulp -> { new stuff } ) and comparisons to other things like rollup or jspm

Tutorial 1 - Anatomy of webpack output bundle

Tutorial 2 - Plugins

Tutorial 3 - Making Angular Awesome

Wrap up

Tips & Picks

Justin Schwartzenberger

AngularZone webinar on new forms stuff
http://www.meetup.com/AngularZone/events/232901433/

Jeff Whelpley

Principles of Quantum Team Management http://firstround.com/review/the-principles-of-quantum-team-management/

This article is by James Everingham, Head of Engineering at Instagram.

Quantum mechanics make the unpredictable understandable

ngAir 74 - CLI Tutorial with Mike Brocchi

Episode Outline & Topics

CLI

Panelists: Justin Schwartz-and-bacon-berger

Guest: Mike Brocchi @brocco

#notes

Tutorial 1 - scaffolding

       Style guide https://angular.io/styleguide

        Blueprints

Tutorial 2 - sass

Tutorial 3 - 3rd party lib

        ng2-translate

Tips & Picks

Justin

 Prisma - http://prisma-ai.com/

Mike

Learning - never stop learning, the only thing constant in software dev is change

read

watch videos

practice/play

attend meetups/conferences

Angular 2 Animations - https://angular.io/docs/ts/latest/guide/animations.html

Twitter for Android Night Mode - https://support.twitter.com/articles/20055053#night

Jeff Whelpley

Gary Johnson with Samantha Bee https://www.youtube.com/watch?v=hdkznU2IvfU

ngAir 73 - Discussion Topics Show

ngAir 73 - discussion show

Topics

Panelist updates

Justin

Back from Vegas where I tied the knot with a MacBook Pro

Auth and single sign on with ng2 and Auth0

Ng2 forms api changes for RC4 and beyond

Jeff

Raising money

Fast initial load

Preboot

Admin dashboard

Angular News

Angular Team Notes https://docs.google.com/document/d/150lerb1LmNLuau_a_EznPV1I1UHMTbEl61t4hZ7ZpS0/edit#heading=h.4p9qrlj65ncu

New new new Angular 2 Router http://blog.thoughtram.io/angular/2016/06/14/routing-in-angular-2-revisited.html

From Team Notes: Now v1 feature complete.  Lazy loading, guards, etc. works. 

Release will come after RC5.  More docs in the works to help with adoption.

Migrating to new forms API http://schwarty.com/2016/07/18/migrating-model-driven-forms-to-the-new-forms-api-in-angular-2/

From Team Notes: updateValue going into RC5, reset going in later, more features coming.  As of RC5, no forms are included by default.  Developers will specify the ones they want at bootstrap.  Good time to move to the new forms!

CLI

From Team Notes: Adding WebPack under the hood, support Offline Compiler, blueprints with app module support and new bootstrapping code, and upgrade story to get folks from ng2 vN to ng2 vN+1.

Mention React CLI...movement toward more opinions...

Angular 2 release date? https://github.com/angular/angular/milestones 27% complete?

Coming up next in the world of Angular:

AngularConnect http://angularconnect.com/ about to release the schedule: 5 tracks!

AngularUp http://angular-up.com/ Israel Angular conf Nov 17

Coming up next on AngularAir

July 26 - CLI with Mike Brocchi

August 2 - Webpack 2 with Sean Larkin

August 9 - Universal Tips and Tricks

Tips & Picks

Jeff

Star Wars Rebels https://www.youtube.com/watch?v=xmXp802sFgQ

Justin

Mr. Robot http://www.usanetwork.com/mrrobot

ngAir 72 - UI Router Tutorial with Chris Thielen