Angular Air

Latest Episodes:

ngAir 85- Angular 2 in the Enterprise Oct 28, 2016

Show notes

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 --- Support this podcast: https://podcasters.spotify.com/pod/show/angularair/support

ngAir 84 - Creating Angular 2 UI Libraries with Kyle Ledbetter Oct 28, 2016

Show notes

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/ --- Support this podcast: https://podcasters.spotify.com/pod/show/angularair/support

ngAir 82 - Angular Connect and the Future Beyond Final with Shai Reznik Oct 09, 2016

Show notes

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 --- Support this podcast: https://podcasters.spotify.com/pod/show/angularair/support

ngAir 80 - Calm before the storm Sep 23, 2016

Show notes

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 --- Support this podcast: https://podcasters.spotify.com/pod/show/angularair/support

ngAir Special Sep 16, 2016

Show notes

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? --- Support this podcast: https://podcasters.spotify.com/pod/show/angularair/support

ngAir 79 - ng1 to ng2 Migration with Joe Eames Sep 12, 2016

Show notes

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/ --- Support this podcast: https://podcasters.spotify.com/pod/show/angularair/support

ngAir 78 GraphQL and Apollo with Uri Goldshtein Sep 12, 2016

Show notes

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 --- Support this podcast: https://podcasters.spotify.com/pod/show/angularair/support

ngAir 77 - Todd Motto- The Man The Myth The Legend Sep 12, 2016

Show notes

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 --- Support this podcast: https://podcasters.spotify.com/pod/show/angularair/support

ngAir 76 - Angular Data Table with Austin McDaniel Sep 06, 2016

Show notes

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 --- Support this podcast: https://podcasters.spotify.com/pod/show/angularair/support

ngAir 75 - Webpack 2 with Sean Larkin Sep 06, 2016

Show notes

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 --- Support this podcast: https://podcasters.spotify.com/pod/show/angularair/support

Our TOPPODCAST Picks

Follow Us

Stay Connected

Related Podcasts

Links

Stay Connected