sambiopic

I'm Director of Developer Relations and a Google Developer Expert for Angular and Web Technologies. I believe anyone who wants to learn to code should be able to learn code and I love teaching. When I'm not coding or writing, you'll find me outside hiking or camping in the beautiful Pacific Northwest.

Director of Developer Relations

Sam Julien

Auth0's Sam Julien had the opportunity to speak at AngularConnect 2018 in London.


**TL;DR:** In this post, we take a look at a few of the can't-miss talks from [AngularConnect 2018](http://www.angularconnect.com/), covering topics like Ivy, Bazel, and why you might not need NgRx after all.

I had the incredible opportunity this year to speak at [AngularConnect 2018](http://www.angularconnect.com/), held November 6-7 at ExCel London.

![AngularConnect Day One Opening](https://images.ctfassets.net/23aumh6u8s0i/hYaUzjJNQqND5cb4m15m5/1933125ab1170ff2291f4ecd38292bef/connect-opening)
[Source - Photo by Drew McLellan](https://www.flickr.com/photos/whiteoctevents/45244428804/in/album-72157697939547280/)

This conference was organized by [White October Events](https://www.whiteoctoberevents.co.uk/) and was amazingly well run.  Both as a speaker and as an attendee, I was blown away by how great this conference was. There was excellent content, an emphasis on giving back to the community, and mindfulness towards accessibility like live-captioning of every talk. On top of all that, the logistics for speakers were flawless. My only complaint is that I couldn’t clone myself to watch all of the talks&mdash;I can’t recommend this conference enough!

This year’s AngularConnect featured two main tracks, as well as mini-workshops, office hours, and Q&A panels on subjects like AngularJS migration, UI, tooling, and architecture. All of the talks from the two main tracks were streamed live and recorded and [all of the videos have been uploaded](https://www.youtube.com/watch?v=rbFLorQWlOQ&list=PLAw7NFdKKYpGr_je48akFwcw8tYUk4nzl).

<br/>
<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">2 days of amazing talks with an amazing community <a href="https://twitter.com/AngularConnect?ref_src=twsrc%5Etfw">@AngularConnect</a> 😀 <a href="https://twitter.com/hashtag/AngularConnect?src=hash&amp;ref_src=twsrc%5Etfw">#AngularConnect</a> <a href="https://twitter.com/hashtag/Frontend?src=hash&amp;ref_src=twsrc%5Etfw">#Frontend</a> <a href="https://twitter.com/hashtag/evtech?src=hash&amp;ref_src=twsrc%5Etfw">#evtech</a> <a href="https://t.co/glfQ9JlbFG">pic.twitter.com/glfQ9JlbFG</a></p>&mdash; Hassen Hichri (@Hassen91Hassen) <a href="https://twitter.com/Hassen91Hassen/status/1060491046528933888?ref_src=twsrc%5Etfw">November 8, 2018</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

## Highlights from AngularConnect
Let’s look at some highlights from the conference and some talks you definitely don’t want to miss.

### The Keynote
Since [AngularMix](https://auth0.com/blog/top-takeaways-from-angularmix-2018/) was just a few weeks prior to AngularConnect, most of the themes of the conference were the same. Angular team lead [Igor Minar](https://twitter.com/IgorMinar) gave the [Day One Keynote](https://www.youtube.com/watch?v=rbFLorQWlOQ&index=1&list=PLAw7NFdKKYpGr_je48akFwcw8tYUk4nzl) and it covered much of the same ground as Brad Green’s keynote in Orlando at AngularMix. Igor talked about the history of Angular from when he joined Google, the current community efforts, and what’s happening right now in the Angular ecosystem. His keynote really set the stage for the rest of the talks in the conference, highlighting Ivy, Bazel, Angular Elements, and other tools in the Angular ecosystem like the [Material CDK](https://material.angular.io/cdk/categories). Check out [Igor’s slides](http://g.co/ng/ac2018) for more.

![Igor Minar delivering the opening Keynote at AngularConnect](https://images.ctfassets.net/23aumh6u8s0i/5yaJj5ZPLw16J7FBxCsF86/da9d28ad0856da0d127a7270f15970f6/igor-minar)
[Source - Photo by Drew McLellan](https://www.flickr.com/photos/whiteoctevents/45056872205/in/album-72157697939547280/)

<include src="TweetQuote" quoteText="We are trying to create excellent interactions in the @angular community. - @igorminar @angularconnect"/>

### All About Ivy
Perhaps the number one buzzword these days in the Angular community is “Ivy.” Ivy is the eagerly anticipated new render engine that will be faster and produce smaller builds due to its use of tree-shaking. Only the parts of Angular you use will be shipped to the browser! At AngularConnect, there were two really awesome talks about Ivy given by folks from Google:

* Google engineer [Alex Rickabaugh](http://twitter.com/synalx) opened day two of AngularConnect with  his fascinating talk about [The Theory of Angular Ivy](https://www.youtube.com/watch?v=isb5Ef6yI48&list=PLAw7NFdKKYpGr_je48akFwcw8tYUk4nzl&index=2).  Alex talked about how Ivy’s overarching purpose is to simplify compilation, deployment, and managing dependencies. To illustrate this, Alex walked us through how the same application gets compiled with the Angular 2.0 renderer, the Angular 4+ View Engine, and Ivy. You definitely want to see this one!

![Alex Rickabaugh talking about Ivy](https://images.ctfassets.net/23aumh6u8s0i/5h7c6CkEDBO94RRbVUk6ir/33cf9c39880c1809eb57703bc5c949ba/alex-rickabaugh)
[Source - Photo by Drew McLellan](https://www.flickr.com/photos/whiteoctevents/45986219891/in/album-72157697939547280/)

* After Alex, Google engineer [Jason Aden](http://twitter.com/jasonaden1) showed us [Angular Ivy by Example](https://www.youtube.com/watch?v=MMPl9wHzmS4&list=PLAw7NFdKKYpGr_je48akFwcw8tYUk4nzl&index=24). Jason dove right into debugging and coding with Ivy, demonstrating the simpler stack traces and new debugging APIs. He also demonstrated changes to dynamic components, lazy loading, and routing due to Ivy that look really awesome.

### A Bit of Bazel
[Martin Probst](https://twitter.com/martin_probst), another software engineer at Google, gave a really fascinating talk about [Why You Should Use Bazel](https://www.youtube.com/watch?v=Qb3tykleV_g&index=28&list=PLAw7NFdKKYpGr_je48akFwcw8tYUk4nzl). I learned a lot about Bazel from this talk, especially what makes Bazel different from other bundlers or task runners. For example, in one of Martin’s [slides](https://docs.google.com/presentation/d/1Q0S4ee49PoEoIxRydp3JgIdfAnGanbPCuMTJuz37Nk0/preview?slide=id.g26d86d3325_0_0), he notes that builds in Bazel are pure functions. They have no side effects and only depend on their inputs. This makes Bazel builds not only easier to analyze, but also easier to debug and run in parallel. This was a great talk for folks who want to dig a little deeper into Bazel.

![Bazel builds are functional.](https://images.ctfassets.net/23aumh6u8s0i/7IY4WBwaEx3SWkIprJOn2e/ede13340122359431d9b52e944704cab/bazel-builds)
[Source](https://docs.google.com/presentation/d/1Q0S4ee49PoEoIxRydp3JgIdfAnGanbPCuMTJuz37Nk0/preview?slide=id.g44208fb040_5_55)

<include src="TweetQuote" quoteText="With Bazel, builds are functional and thus easy to analyze and debug."/>

### More on Migration
With [Pete Bacon Darwin](https://twitter.com/petebd), who created the [ngUpgrade library](https://github.com/angular/angular/tree/master/packages/upgrade), as one of the conference organizers, it makes sense that migration from AngularJS to Angular was a big focus at this year’s AngularConnect. There’s still a ton of legacy AngularJS code out there and the Angular community wants to be sure those folks feel supported in their migration. There were three main talks on migration:

- I gave a talk the first day about [How to Save Time and Money by Planning Your ngUpgrade](https://www.youtube.com/watch?v=495KHr966e0&list=PLAw7NFdKKYpGr_je48akFwcw8tYUk4nzl&index=32). I went over the four main migration strategies and walked the audience through helping two fictional companies decide which path makes the most sense for them. These example companies were based on my own experiences, as well as answering questions from the students of [my ngUpgrade course](http://www.upgradingangularjs.com). Check out [my slides](http://www.upgradingangularjs.com/angularconnect) for more resources.
- Later on the first day, [Erin Coughlan](https://twitter.com/ErinCoughlan16) gave a fascinating talk on [Upgrading to Angular without ngUpgrade](https://www.youtube.com/watch?v=aXOYa4S96OM&list=PLAw7NFdKKYpGr_je48akFwcw8tYUk4nzl&index=31). Erin is a front end engineer at Google and her talk focused on using Angular Elements to migrate from AngularJS. She created a really useful library called [create-ng1-wrapper](https://github.com/ErinCoughlan/create-ng1-wrapper) and demonstrated how to use it with Angular Elements.
- On the second day, [Elana Olson](https://twitter.com/elanathellama) went further in depth on the four recommended paths for [Migrating from AngularJS to Angular](https://www.youtube.com/watch?v=fFLKEtIqZeY&index=23&list=PLAw7NFdKKYpGr_je48akFwcw8tYUk4nzl). She also talked about some amazing tools she’s created through her internship with Google, including the [ngMigration Assistant](https://github.com/ellamaolson/ngMigration-Assistant) and the [ngMigration Forum and Wiki](https://github.com/angular/ngMigration-Forum/wiki).

![Elana Olson discussing ngMigration Assistant](https://images.ctfassets.net/23aumh6u8s0i/6J2YLXqaOxX5cWq1vLLFj4/81fbbbdc8993a580185639dbdefc6df3/elana-olson)
[Source - Photo by Drew McLellan](https://www.flickr.com/photos/whiteoctevents/45074320625/in/album-72157697939547280/)

In addition to these talks, there was also an upgrade panel and office hours with Elana, Erin, and myself.

## Even More Talks You Don’t Want to Miss
I wish I could highlight every single talk and workshop at AngularConnect — there were so many great ones! Here are a few more you need to be sure to watch (but really, just watch all of them):

- With NgRx feeling omnipresent these days, it’s easy to feel like you’re doing something wrong by not using it in your Angular project. Luckily, Mr. NgRx himself, [Mike Ryan](https://twitter.com/MikeRyanDev), gave a fantastic talk this year on why [You Might Not Need NgRx](https://www.youtube.com/watch?v=omnwu_etHTY&index=30&list=PLAw7NFdKKYpGr_je48akFwcw8tYUk4nzl). Mike covers the use cases for when it’s a great idea to use NgRx and when you’re better off managing state on your own.
- [Max Koretskyi](https://twitter.com/maxim_koretskyi) has quickly made a name for himself as the go-to person for [in-depth breakdowns of source code](http://www.angularindepth.com). In his phenomenal talk [Optimize and Debug Change Detection Like a Pro](https://www.youtube.com/watch?v=DsBy9O0c6eo&list=PLAw7NFdKKYpGr_je48akFwcw8tYUk4nzl&index=17), Max explains why the infamous `ExpressionChangedAfterItHasBeenCheckedError` happens, how change detection really works, and how you can debug it yourself. Excellent work from Max, as always!
- One exceptionally effective talk this year came from [Uri Shaked](https://twitter.com/UriShaked) and [Kapunahele Wong](https://twitter.com/kapunahele). Their talk [Climbing up Injector Trees](https://www.youtube.com/watch?v=F6rF16TmB0E&list=PLAw7NFdKKYpGr_je48akFwcw8tYUk4nzl&index=40) explored dependency injection through lots of live-coding. Their ability to break down a complex subject with simple examples was just amazing.

![Uri Shaked and Kapunahele Wong talking about dependency injection.](https://images.ctfassets.net/23aumh6u8s0i/3BgvwE1ahbDkh8TUSyNll/7834f7fa5b14d4d5b78528f325c3952a/uri-and-kapunahele)
[Source - Photo by Drew McLellan](https://www.flickr.com/photos/whiteoctevents/45074330685/in/album-72157697939547280/)

- You can’t help but love [Sani Yusuf](https://twitter.com/saniyusuf). He could talk about just about anything and capture an audience, but this year he gave a talk called [Crossing Across Platforms](https://www.youtube.com/watch?v=G39uEEa2hxo&index=7&list=PLAw7NFdKKYpGr_je48akFwcw8tYUk4nzl). It was all about how to structure your Angular application to be used on the web, desktop, and mobile with minimal code duplication. You can also check out [Sani’s slides](https://slides.com/saniyusuf/crossing-across-platforms) for reference.

<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr"><a href="https://twitter.com/saniyusuf?ref_src=twsrc%5Etfw">@saniyusuf</a> - I enjoyed your ionic class very much but your “Crossing Across Platforms” was hands down my favorite talk at <a href="https://twitter.com/hashtag/AngularConnect?src=hash&amp;ref_src=twsrc%5Etfw">#AngularConnect</a></p>&mdash; Lisa Copeland (@Lisacope1) <a href="https://twitter.com/Lisacope1/status/1060304729866190848?ref_src=twsrc%5Etfw">November 7, 2018</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

- Last but not least, something a bit different. [Jo Pearce](https://twitter.com/jdpearce) gave a fantastic, unique lightning talk called [Speaker Ballads](https://youtu.be/Fd_MkhU3JUU?t=955). These two poems do a wonderful job of capturing what it’s like to be a technical speaker. Don’t forget to check out Jo’s website for the [written poems](https://jopearce.co.uk/poetry/speaker-ballads/).

...And I haven't even talked about [Asim Hussain](https://www.youtube.com/watch?v=_H2NNofisA0&list=PLAw7NFdKKYpGr_je48akFwcw8tYUk4nzl&index=29), [Shmuela Jacobs](https://www.youtube.com/watch?v=q2Exs-82tkw&index=15&list=PLAw7NFdKKYpGr_je48akFwcw8tYUk4nzl), or [Michael Hladky](https://www.youtube.com/watch?v=S1eDh7MonbI&list=PLAw7NFdKKYpGr_je48akFwcw8tYUk4nzl&index=19)! Seriously, just watch all of the talks.

<include src="asides/AboutAuth0" />

## See you next year!
I hope to see you at AngularConnect next year, so save the date: September 19-20, 2019. In the meantime, if you’re looking to become part of the Angular community, check out this great [Angular Conferences site](https://angularconferences.com/). It was built by the team at [Ultimate Courses](https://ultimatecourses.com), especially [Ana Cidre](https://twitter.com/AnaCidre_), who gave a [great talk on component architecture](https://youtu.be/fLNERt19FTs?list=PLAw7NFdKKYpGr_je48akFwcw8tYUk4nzl) with [Sheri List](https://twitter.com/sherrrylst). At the site, you’ll find Angular conferences, meetups, and workshops all over the world. Come join the Angular family!

<br/>
<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">We had a ROAR-some time at <a href="https://twitter.com/hashtag/AngularConnect?src=hash&amp;ref_src=twsrc%5Etfw">#AngularConnect</a> 2018 🦖 Catch up on all the action below and get ready for next year!<br><br>📺 Videos: <a href="https://t.co/gIPABaEfAI">https://t.co/gIPABaEfAI</a><br>📸 Photos: <a href="https://t.co/saINRnHuS4">https://t.co/saINRnHuS4</a><br>✉️ Newsletter: <a href="https://t.co/ZaM5ezw3rn">https://t.co/ZaM5ezw3rn</a><br>🗓 19 &amp; 20 September 2019 <a href="https://t.co/poxCyNl72Z">pic.twitter.com/poxCyNl72Z</a></p>&mdash; AngularConnect (@AngularConnect) <a href="https://twitter.com/AngularConnect/status/1065588831783739392?ref_src=twsrc%5Etfw">November 22, 2018</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


Must-See Talks from AngularConnect 2018

Auth0's Kim Maida and Sam Julien spoke at AngularMix 2018 in Orlando, Florida. Learn what's new in the Angular ecosystem and what's coming soon.

Top Takeaways from AngularMix 2018

Learn about upgrading an application from AngularJS to the new Angular. As well as how to upgrade AngularJS authentication strategies to Angular.

"ngupgrade"