Angular Air

Angular 2 in the Enterprise

●     

Panelists

○     

Justin Schwartzenberger

○     

Mike Brocchi

○     

Mehul

○     

Austin McDaniel aka ngPanda

○     

Olivier Combe

●     

Featured Guests  

○     

Nhut Tran

○     

Gary Trinklein

#Show Notes

●     

Intros & backgrounds

●     

How was Angular originally introduced into your

environment?

●     

Why did your enterprise chose Angular?

●     

Did you start using it when it was in alpha/beta/rc ?

○     

Is your app released yet ?

○     

Did you release with an alpha/beta/rc ?

●     

What were the challenges in adopting Angular?

○     

Education/training?

○     

Technical?

○     

Process? (red-tape)

○     

Deployment?

●     

If you have any existing Angular 1.x apps, what are

your plans to migrate to Angular 2?

●     

Did you consider other technologies?

○     

Even after adopting angular were you tempted to switch?

If so, what tech stack?

●     

What does the future hold?

 

Tips & Picks

●     

Justin

○     

Lukas’ Observable Cheat Sheet: http://onehungrymind.com/observable-cheat-sheet/

○     

GraphQL Summit: http://graphqlsummit.com/

Hopefully the sessions will be recorded and available later

●     

Jeff

○     

Ng-conf.com

○     

Nodesecurity.io - Audits

●     

Austin

○     

I did a talk on Angular2 + ThreeJS + WebVR = very

interesting stuff should check it out https://github.com/amcdnl/ng2-three

○     

CSS related but by ng2 community member -> https://blueprintcss.io

-> flexbox grid system

○     

Async await debugging in chrome landed - https://twitter.com/addyosmani/status/789126892402204673

- soooo nice!

○     

AoT in ngUpgrade is coming!!!! https://twitter.com/robwormald/status/788967912849694720

●     

Mike

○     

ng europe going on today & tomorrow (https://ngeurope.org/)

○     

DevFest FL - https://devfestflorida.org/

○     

ng cruise in May 2017 (https://ngcruise.com/)

○     

GitKraken - cross platform git tool (https://www.gitkraken.com/)

●     

Olivier

○     

Use ChangeDetectionStrategy.OnPush it’s good for you

○      ng-be

Creating Angular 2 UI Libraries

●     

Intros to everyone and their interest in creating UI

Libraries

●     

CSS and handling styles in UI libraries

●     

How do you embed css in ui components for distribution?

●     

How can you distribute sass/less files as well?

●     

How do you manage parent/children component

communication? For example with a tabs component

●     

What are the important points to check when you want to

make your component compatible with AoT?

●     

How do you build the project where you dev the

components (use cli, roll your own server/build/etc)?

●     

How do you make ui components that work on all

environments (browser, web workers, electron, server side, nativescript…)

●     

Managing documentation for how users consume/implement

your components

●     

What is your strategy for testing your components?

●     

What is on your wish list that would make everyone’s

lives easier?

 

Tips & Picks

●     

Justin

○     

Example of component lib: https://github.com/ocombe/ng2-translate

○     

Games!

Civilization 6 https://www.civilization.com/

Red Dead Redemption 2 http://www.rockstargames.com/videos/video/11600

Nintendo Switch https://youtu.be/f5uik5fgIaI

●     

Jeff

○     

Logan https://www.youtube.com/watch?v=Div0iP65aZo

○     

Life Lessons Learned on AngularAir https://devchat.tv/adv-in-angular/114-aia-life-lessons-from-angular-air-jeff-whelpley-angular-remote-conf

●     

Wesley

○     

Change detection: http://blog.thoughtram.io/angular/2016/02/22/angular-2-change-detection-explained.html

○     

AoT compilation for webpack:

■     

https://www.npmjs.com/package/@ngtools/webpack

■     

https://github.com/angular/angular-cli/tree/master/tests/e2e/assets/webpack/test-app

●     

Kyle

○     

Getcovalent.com would be my plug

○     

Guardians 2! https://www.youtube.com/watch?v=2WhQcK-Zaok

●     

Dmitriy

○     

https://www.ng-book.com/2/

○     

Nice educational project (non-profit) written with

Angular2

■     

http://www.gapminder.org/dollar-street/matrix

■     

https://www.reddit.com/r/InternetIsBeautiful/comments/58akkx/dollarstreet_imagines_the_world_as_a_street/

Angular Connect and the Future Beyond Final 

with Shai Reznik 

AngularConnect

Shai’s talk

 

Favorite talks from panelists

Lukas

Jeff Cross

Ben Lesh

Keynote w/ Igor & Rob

Angular migrations with Todd

Motto

5 tracks

Closed captioning

https://twitter.com/_akinorew/status/780798885954523137

 

Stories behind the scenes with Shai

Reactions from the attendees

What are people excited about?

Exposing observables

What are people concerned about?

Getting code to production

 

What comes next?

ngEurope

Ng-conf

Production releases

React vs Angular articles ad

nauseam

 

Tips & Picks

Justin

Chance: http://chancejs.com/

JavaScript library for generating random data. Good for tests, mock apis, etc.

Shai

3d printing

Jeff Cross,  Workshop - Uri & gil

Serious dev talk - hirez.io

Justin

Mike

Ultimate Angular - by Lukas

Ruebbelke & Todd Motto https://ultimateangular.com/

Jeff

Angular Nation www.angularnation.org

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

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

#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

 

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

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

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

 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 upTips &

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