Angular - All Talks from ng-conf 2019

May 6, 2019 28 min read Angular

A collection of all lectures that were presented during the world's original Angular conference within one page. Each session includes a concise description and relevant slides.
Contents

Note: Some of the talks and slides are still missing. This post will be updated incrementally as soon as these will be available.

Day One

Keynote

Presented by Brad Green and Igor Minar

Slides

The Control Value Accessor – Like a Wormhole in Space for Your Forms, Only More Useful!

Presented by Jennifer Wadella

Jennifer Wadella has been writing code since before she realized it was a credible career path. She currently works as a JavaScript Developer at Bitovi and loves building performant web applications, speaking at technical conferences, and brewing kombucha. Jennifer is an active member of the KC tech community and the founder of Kansas City Women in Technology(KCWiT), an organization aimed at growing the number of women in technology careers in Kansas City. She is the PubConf Sydney 2018 Champion, a Silicon Prairie Champion Award Nominee, Rising Trendsetter STEMMy award-winner, and is apparently Missouri’s Coolest Woman according to Pure Wow.

Slides

Building Sub States w/ NgRx Selectors

Presented by Brandon Roberts

NgRx provides Angular developers a framework for managing your application state in a reactive way. Actions provide an expressive way to manage state and trigger state changes, along with immutability enforced by reducers as pure functions. One of the real advantages of NgRx comes in the form of selectors. Selectors provide simple but powerful ways to efficiently get, derive, and compose view models for your application. This talk takes a deeper look at NgRx selectors, with examples and advanced features such as memoization and custom selectors.

Web Components with Angular Elements: Beyond the Basics

Presented by Manfred Steyer

In a snap Angular Elements provides Angular components as framework-independent web components.

But it is only later that the really interesting questions arise: What options are there for bundling Angular Elements and how does one deal with dependencies? Which polyfills do we need and when, and how can we lazy load Angular Elements on demand? How can ngIvy help us? What should be considered regarding zone.js and change tracking and how to use content projection?

This session answers these questions in order to help you benefit from Angular Elements in your projects.

Slides

Angular Console – Architecting A Cross Platform Application

Presented by Dan Muller

Angular Console is now launched as a standalone electron app as well as a Visual studio code extension. In the future it will also be released as a IDEA extension as well and maybe other platforms in the future. Would you believe it if I told you that the code difference between angular console on two different platforms is 200 lines? And that all platform releases are Angular CLI apps?! How is that even possible?! In this talk I will go over architecture decisions which allows angular console specifically to target multiple platforms with as minimal overhead and code duplication as is possible.

Slides

A is for Angular

Presented by Jo Hanna Pearce

The Angular system continues to grow. It’s hard to keep track of the things we should know. Sometimes it’s helpful to tell as a story. Our journey from Earth to Angular Centauri. So I’ll start at the start, with A and then B. With so many sights, oh the things we will see! After reaching the end with a stop for each letter. Our map of it all will be bigger and better!

Convince Your Boss to Upgrade in 5 Minutes

Presented by Sam Julien

Upgrading to Angular is a waste of time and money! That’s what your boss will say if you don’t come prepared. You and I know that Angular is better, faster, and stronger than AngularJS. We know that the CLI rocks. We know that NgRx helps us build better applications at scale. But we’re developers — we care about nerdy stuff like state management and tooling. You think your boss cares about that stuff? Heck no! So what does your boss care about? Spoilers: it’s money. If you’re stuck working in AngularJS, selling your boss on upgrading can be tough, especially since doing your job correctly means no one will be able to tell a difference! In this short and sweet talk, Sam Julien is going to teach you how to decode “business-speak” and convince your boss to migrate from AngularJS to Angular. You’ll learn how to use empathy and persuasion to help your boss see clearly how the leap to Angular isn’t just good for you — it’s good for the bottom line.

Slides

Black Holes and Angular Interceptors

Presented by Luis Aviles

Can you escape a black hole? Current science suggests that a black hole’s gravity is so strong that even light cannot escape once inside. In the same way, Angular provides Interceptors as a mechanism to “catch” outgoing requests or incoming responses. This feature can be really useful for some scenarios like adding an Authorization header to each request, logging or doing redirections according received Http Codes.

Slides

Why you want humans to establish a self-sustaining second home on Mars as soon as possible and exactly how we’ll do that.

Presented by Stephen Petranek

The talk will start by examining just 7 (of many) ways life on Earth as we know it could end suddenly–from an asteroid impact to our creation of new life forms in a lab that turn against us. Then we’ll explore how people will get to Mars, why that will happen with or without NASA’s cooperation, how we’ll live on Mars and build entirely new civilizations, and how we can eventually terraform the planet to make it more like Earth. The big surprise is how quickly all this will happen because space is about to become the biggest business on Earth, and how many people will end up there, including many of your children.

Angular for Enterprise

Presented by Stephen Fluin

Angular is very popular for large applications, often powering some of the biggest companies in the world. Stephen works with hundreds of these companies and will share the top challenges, best practices, and the top things many enterprises have figured out about Angular.

IoT for Introverts

Presented by Chloe Condon

You can’t spell “introvert” without “IoT”, which is why Chloe is here to show us how she used Azure IoT services to help her get out of not-so-fun social situations. In this talk, she’ll walk through how you can use a simple Flic button and Azure to save yourself from your next awkward convo.

These ARE the Angular tips you are looking for

Presented by John Papa

A long time ago in a galaxy far, far away … as a Mandalorian bounty hunter, you honed your Angular skills with the Tour of Heroes. You’re searching for the next steps to enhancing your Angular apps through improving the user experience, maintainability, and scalability. Look no further!

You’ll see how to guard your components and routes from Stormtrooper forces. Identify and defeat bugs through debugging your app using the Jedi force (and VS Code). You’ll learn how to host your app in the Cloud City of Bespin (cloud storage), rebel against servers and shift your APIs to serverless, and help R2D2 monitor your app’s activity. You’ll discover the power of Angular APIs, tooling, and the cloud ARE the tips you have been looking for.

Slides

Tools for Fast Angular Applications

Presented by Minko Gechev

Angular grew significantly in the past few years from both a tooling and developer experience standpoint. This talk will explore many of the features and newer improvements in the pipeline that allow anyone to build and deploy performant apps with very little overhead.

Through real demos and examples, we’ll cover Ivy, bundle budgeting, differential serving, automatic code-splitting, and more! In the second part of the talk, we’ll focus on how to efficiently prefetch and preload different modules and components.

Slides

Not Every App is a SPA

Presented by Rob Wormald

Performance is a critical concern shipping applications that deliver great first load experiences, and not every application should be a Single Page Application on first load. We’re working on new techniques to make your websites easier to build, faster to deploy, and instant to load.

The Future of Machine Learning & Javascript

Presented by Asim Hussain

There are many exciting things happening with AI, from which, until recently, JavaScript developers were largely shut out. But things are changing, if you can do npm install @tensorflow/tfjs or make an API call, you can now do AI. In this fast-paced talk, I’ll open your mind to what’s possible by demoing several AI-powered JavaScript apps and show you how they were built using either TensorFlow.js or easy to use AI powered APIs. You don’t need a PhD in Maths, you don’t need years of experience, you just need imagination and the willingness to try.

Data Composition with RxJS

Presented by Deborah Kurata

RxJS is one of those technologies we use every day, but there is always a bit more to learn. In this session, we focus on making our code more reactive by:

– Collecting data from a backend server using a declarative approach

– Composing data streams to handle foreign key and aggregate relationships

– Caching the streams in a service so they can be readily reused

– All without a subscription!

Join me as we get to know more about data composition with RxJS.

Slides

What if your dev environment was a PWA? 🤯

Presented by Eric Simons

As PWAs continue to eat the marketshare for native apps, there’s still one area they haven’t put a dent in: dev tools. In this talk we’ll be unveiling a new suite of technologies we’ve been working on that brings your local dev env fully into your browser.

Day Two

Productivity Revolution: Angular Principles in Node

Presented by Kamil Mysliwiec

Angular empowers us with a robust platform that simplifies structuring highly scalable and demanding applications. Nowadays, rapidly changing technologies force us to constantly learn new things. But, what if we could reuse our existing experience? Share language, design patterns, main principles? In this talk you’ll learn how Nest can increase your productivity and how to start your journey to become a Full-Stack TypeScript developer with Angular background.

Slides

ng generate universal, now what?

Presented by James Daniels

So you’ve got Angular Universal working in your application! Congratulations! It was quite the journey. You removed all the references to the DOM (or polyfilled them), put all the fires out, fixed your Zone.js issues (at least the ones on critical path), got through code review and everything is merged… now what? Seems like everything is just more complicated now. How does one start reaping the rewards that can come with server-side rendering?

In this session we’ll go beyond setup and walk through practical server-side rendering topics: pre-rendering, state-transfer, lazy loading, caching, headers, handling authenticated content, and when and where you might want to draw some lines so you can get the most out of Angular Universal.

Slides

Can you imagine a future without zones?

Presented by Maxim Koretskyi

Ever since Angular came out, zone.js has been part of change detection. Although it has brought automatic change detection to Angular and simplified testing, it has also been a source of major confusions. With the new Ivy engine coming up, various other options are being considered. In this talk you’ll learn everything there’s to know about controlling change detection. I’ll start with the role of zones and then proceed to zone-less setups with manual and semi-automatic change detection control. I’ll also provide an explanation of trade-offs between each approach.

Angular team might mention something about zone.js briefly, but I don’t expect them to go into details of manual and semi-manual change detection control. This is what I intend to do – explain ins and outs.

RxJS Schedulers form outer space – performance, animations, asynchrony

Presented by Michael Hladky

Is an observable executed synchronously? You might think you know it, most ppl don’t. In this talk I will introduce you into the world of schedulers, it’s usage in basic cases, as well as advanced scenarios.

Is an observable executed synchronously? You might think you know it, most ppl don’t. Schedulers is a topic which is not documented at all. In this talk I will introduce you into the world of schedulers, it’s secrets and advantages. I will show you how to use them in basic cases, as well as advanced scenarios.

After this session you will: master smooth animations solving complex timing errors controlling execution context like an expert

And all this with schedulers.

Slides

The Forms Awakens

Presented by Sander Elias

In this talk I will highlight an alternative way to do truly observable forms, that are dry to use. It uses the new powers of Ivy to create an new way to do fully immutable observable forms, but without the usual repetition of steps you have to do normally.

Slides

Use decorator to beat ngOnChanges – Decoupling ngOnChanges

Presented by Kern Zhao

By using a TypeScript property decorator directly on a property of a component, it’s much easier/cleaner/more-readable to subscribe to property change than the traditional painful ngOnChanges. Details on: https://medium.com/p/19f3a5e051ef/edit

MAAS: Mind as a Service

Presented by Alex Castillo

Traditional user interfaces rely on keyboards, mice, or voice as input for UI navigation. As humans, we average 29,000 thoughts a day but we can only navigate applications as fast as our fingers can move. Why not use our minds as a service and drive the user experience with Angular?

This talk is not available at the moment

Schematics: an untapped frontier

Presented by Brian Love and Kevin Schuchard

Schematics can accomplish nearly any task and published by anyone. Whether you want to generate hundreds of dynamic files or update source code, Kevin and Brian will demonstrate how accessible custom schematics are for you or your organization. If you find yourself repeating the same logic, enforcing similar patterns, or performing setup logic, again and again, you’ll take away the tools and understanding necessary to start your schematic learning journey.

Slides

Personalization, Performance, and Probably Dynamic Content

Presented by Jeff Cross and Kaitlyn Ekdahl

We want it all: CMS-driven sites, with personalized content, without sacrificing load performance. But if you’ve tried to accomplish all three with an Angular app, you may have concluded that the required request-time computation for such experiences is fundamentally at odds with a high-performance site. In this talk, Jeff Cross will show proven techniques used by Nrwl to enable super-fast, highly-dynamic websites by employing a mix of technical tactics and design constraints.

Subjecting State to Good Behavior

Presented by Kim Maida

Apps of all sizes need to manage state, but not all apps need a state machine like NgRx. What if we can’t afford the code cost? What if we don’t want to decouple our business layer? The quick answer might be “inputs! outputs! subjects!” But there’s more to Angular state management than just getters and setters or a global stream. Let’s set up readable, uncomplicated state management using behavior subjects, observables, and immutability — all OnPush ready. In this talk, we’ll explore a couple of approaches for reactive state management in Angular.

Slides

Crossing Across Platforms

Presented by Sani Yusuf

Web, Mobile & Desktop are the 3 standard platforms we develop for today especially in the Enterprise world. Each platform has its own unique features and needs. When faced with requirements where we need to develop one application for all 3, it can be a nightmare to get it right. How do you share code effectively? How do we solve a white labelling requirement? In this talk, I will show you based on a real-world Enterprise Healthcare application on how Angular can be the glue for such a monumental task where we will end up with a Mobile Solution, A Web Responsive Solution as well as a Desktop solution with electron while using 100% the same code base.

A Schematic Odyssey

Presented by Brian Love and Kevin Schuchard

Join as we venture into the unknown space of Angular Schematics. You’ll learn why Schematics can be a valuable tool to you as an Angular developer and how to create a collection of schematics for your organization. We’ll go from the launch pad to orbit and into the deep space of Angular Schematics.

Repository

Testing is a Black hole of time and effort: Avoiding the suck using Cypress

Presented by Jesse Sanders and Joe Eames

The state of application testing for Angular is broken. Angular applications are composed of UI components running in a browser, but our most effective testing strategy has been unit testing functions instead of UI interactions. The recommended strategy for testing the UI is Protractor, which is built on Selenium, a technology originating in 2004 when the web was all server-side rendering. This workshop will show you the flaws in your current testing strategies and how to most effectively test your applications using Cypress. Jesse Sanders and Joe Eames will walk you through why your current test strategy fails and how to test your applications with less time and effort. They will guide you through installation, configuration, and best practices for writing tests using Cypress. This hands on workshop will guide you through multiple testings scenarios that will provide you with the necessary skills to handle even the most complex test cases

Turning an Aircraft Carrier: From a Monolithic angular.js App to Scalable, Federated Angular Development with Elements, the CDK, Schematics, and an Nx-Powered Monorepo

Presented by Dylan Johnson

This interactive workshop will explore an architecture for building a large Angular app across federated development teams.

We’ll cover some low-level specifics of the architecture, like an Elements-based approach to angular.js migration, and building a shared component library on top of the Angular CDK. From there, we’ll explore developer experience and delivery ergonomics items like source control in a monorepo, Continuous Integration strategies, and code generation and modification via Schematics.

Interactive examples will be provided, but laptops aren’t required to consume the workshop content.

Deep Dive – Angular Universal in the cloud with Google’s latest Serverless technology

Presented by Jason Dobry

Your Angular Universal app works great locally: great! But what happens when you deploy it into production and it starts taking customer traffic? How long does it take to render on the server? How can you make sure it behaves the same in staging, QA, and production? What happens if you get hit with a sudden surge in traffic? In this workshop we’ll do a deep dive into the latest Serverless and monitoring tools from Google Cloud take you from local to production and make sure your app stays healthy and performant.

How to be a speaker

Presented by John Papa, Kim Maida, Nicole Oliver and Joe Eames

Are you interested in presenting at a conference like ngConf? Join us for this open discussion as we share insights into everything from which types of conferences we submit to speak, crafting a session to submit, how to engage with the audience, preparing the session, and how to work on stage presence. Bring your questions for our panel and learn how we’re all in this together!

This talk is not available at the moment

Crash Course: Angular and ngRx

Presented by Aspen Payton

This is a hands-on workshop that teaches participants how to structure an Angular application to use NgRx for state management. When I set out to learn NgRx a year ago, I found a lot of high level discussion of the Redux pattern and a variety of very specific code examples, but struggled to find education that laid out the pattern from beginning to end with fully functional examples. That is what I intend to provide with this workshop.

We will being with a starter project and existing HTML. We will set up state for the application, walk through creating a basic action and reducer, wire up the action and reducer in our app, and dispatch the action from a component so we can see it working in the app. From here, we can walk through the pattern again introducing additional complexity by passing a payload into an action and creating an action with an effect. Participants will end the workshop with a simple, but fully functional, application using NgRx.

Slides

RxJS Advanced Patterns – Operate Heavily Dynamic UI’s

Presented by Michael Hladky

Please note that this is NO workshop for a beginner. Everyone is welcome but people with basic skills may get stressed fast.

The web changed a lot in the past years, more and more applications provide UI’s that are heavily interactive and often also include some background tasks. RxJS serves a very elegant way to compose events and async actions, make your code more robust and extensible. In this workshop, you will learn some advanced techniques and patterns with RxJS! Expect topics like complex subscription handling, performance optimization, managing background processes, event-sourcing, and QCRS. More details in the description.

The web changed a lot in the past years, more and more applications provide UI’s that are heavily interactive and often also include some background tasks. In comparison to the past years, frontend developers have to deal with new architectural problems and challenges. Not only things like a service layer and MVC found it’s way into the frontend but also database-like structures have to be managed, updated and read from. Especially managing data structures and side effects are one of the harder problems.

In this workshop, we will start with a pretty tricky problem. We have to create a heavily dynamic component and will not be able to find a clean solution.

Reactive Forms DEmistified

Presented by Sani Yusuf and Katerina Skroumpelou

Reactive Forms are a mainstay in the Angular ecosystem yet a lot of developers limit their usage to just Login pages or traditional input collection. In this Worksop, we will showcase how you can take advantage of the full power of Reactive Forms to build some really powerful state-driven solutions. We will explore the hierarchy of Reactive Form Controls and showcase some smart ways to implement custom validation inside of your Angular application. The main aim of this talk is to enable users to be aware of what is at their disposal and how they can take advantage of the full power of Reactive Forms.

Slides

Amazing Backends for Angular Devs with NestJS

Presented by Ely Lucas

Your front end is killer. It’s jacked up with Angular and powered by TypeScript. You got well defined services, slim components, and pipes that make your data shine. How about your backend? Take your existing skills and make amazing backends with NestJS! Nest is a framework that embraces TypeScript and the power of Node. With it, you can write your backends in a style that feels similar to writing Angular apps, but also embraces modern MVC architectures found in other popular backend frameworks. And since it is based on Node and Express, you benefit from the deep ecosystem of libraries found there.

In this workshop, we will dive into how using TypeScript for server side apps helps us scale our development and keeps the code base uniform from front to back. We will see how the Nest framework helps us improve code quality and reduce complexity. Best of all, will go over how to create an API that can be consumed from our Angular apps.

Bazel Office Hours

Presented by Alex Eagle and Minko Gechev

Bring your build and test questions. We can help you try out Bazel in your project, scope your migration effort, and dive into features like Remote Build Execution

This talk is not available at the moment

A Deep Look at Angular Elements

Presented by Manfred Steyer

New web technologies and frameworks are being released all the time. This is exciting – and overwhelming. Framework-independent web components provide a remedy for this dilemma!

This interactive workshop shows you in depth how you can create, build and deploy web components with Angular Elements. After a short look at the basics, we investigate Shadow DOM, lazy loading, (not) using zone.js and consequences for change detection, content projection with slots and component communication, needed polyfills as well as strategies for effective bundling and sharing dependencies. You also see how Angular Elements can be used togehter with Ivy to reduce bundle size.

As we use Stackblitz and a prepared GitHub repo with several branches, we can frequently switch between short presentations, live coding and exercises. This makes sure you can learn as much as possible in the time available.

Come with your laptop to this workshop and see how exciting the combination of Angular and web components is!

Slides

Cross Platform with Angular and Ionic 4

Presented by Mike Hartington

Ionic and Angular have been best friends since the early days of AngularJS and Ionic 1. With the 4.0 of Ionic Framework released, Ionic has doubled down on its partnership with Angular by adopting the latest and greatest Angular tooling. We’ll look at what’s new in Ionic and what Ionic has to offer the Angular community.

Blast Off with Angular Material

Presented by Rachel Noccioli

This workshop is targeted at developers who are familiar with building Angular apps but who want to learn how to leverage the Angular Material component library to build great-looking apps without hand-coding all the components. We will discuss the Material Design system and add Angular Material and a few different components to an app in order to become comfortable using the library.

Slides

Angular and CSS Grid: Get ready to fall in love

Presented by Bill Odom

Quick! How do you feel about CSS?

Yeah, that’s what I thought. 🙂 It’s not unreasonable — CSS can seem more like a hindrance than a help, an obstacle to be overcome instead of a tool that enables developers to create great applications.

It’s time to take another look. A lot of fantastic things have happened with CSS recently, and arguably the most significant of these is the widespread rollout of CSS Grid. It’s a whole new way to handle layout for web applications, and finally frees us from the misery of floats and the rat’s nest of row/column divs that have infested our HTML templates for far too long.

Perhaps even more importantly, CSS Grid enables us to do things that, until now, were practically impossible (or just ridiculously painful) with HTML and CSS, and all with beautifully clean markup and straightforward, understandable CSS.

In this workshop, we’ll take a lightning tour of CSS Grid and and see how it can make building Angular applications dramatically easier. Along the way, we’ll touch on several other CSS capabilities (some recent, and some just tragically underappreciated), show how to use them in combination with Angular and CSS Grid, and demonstrate the amazing capabilities that these combinations unlock.

Angular is fantastic, CSS Grid is fantastic, and the two together? Unbeatable. Really, you’re gonna love it. 🙂

Slides

It’s just a compliment after all!

Presented by Katerina Skroumpelou

Some compliments just don’t work. Being a woman in tech highlights this phenomenon in sometimes cringe-worthy ways. And in some cases, certain “compliments” are just inappropriate. So how do we make friendships and set the right tone for compliments? I will talk about ways to do this in a professional setting, where both the person sending the compliment and the person receiving the compliment get the benefit of the spirit in which the compliment was intended. You’ll be able apply these ideas to anyone you work with, not just women.

Day Three

Keynote

Presented by Stephen Fluin and Miško Hevery

Slides

Wrapping it up with Decorators

Presented by Nicole Oliver

As Angular developers we use decorators every day — from class decorators such as @Component, @Module, and @Directive, to property decorators like @Input and @Output. These little accessories to our code can be powerful mechanisms for keeping our applications simple and easy to understand. Let’s peek at how the core Angular decorators bring our code to life, and use that as a springboard for a discussion about creating our own magical wrappers in TypeScript.

Slides

Astronomical NgRx Anti-patterns for Job Security

Presented by Reid Villeneuve

How would you like to hear about some well-guarded trade secrets designed to ensure that you will never be fired in a million years? Anti-patterns are the tried-and-true way to go! With you being the only one able to read your code, you will have ’em backed into a corner. Make sure your boss isn’t looking before sneaking your way over to my presentation, and then prepare for career immortality!

Slides

The CDK is the coolest thing you are not using

Presented by Jeremy Elbourn

Hear the latest about Angular Material and the CDK. Hear about the future plans from the team about how to deliver great experiences for your users at scale.

Slides

Mastering the Subject: Communication Options in RxJS

Presented by Dan Wahlin

How do you communicate between hierarchical components as data changes in your app?

While different state management techniques can be used, a simple yet powerful solution is available in RxJS. In this talk Dan Wahlin will discuss how the different RxJS subject objects can be used to create Observable Services and even simplify state management by using an Observable Store.

Slides

Why we teach Angular to our Computer Science Masters’ students?

Presented by Asaad Saad

Asaad will be explaining why MUM University decided to teach Angular to its Computer Science Masters’ students and how it helps them build robust enterprise-level applications. Asaad will explain some of the main features of angular and how these features are very well engineered compared to other frameworks and libraries. Also, you will hear about some of Angular features used most by MUM alumni, and the most common Angular interview questions (reported by students).

Slides

How tech communities can change your life

Presented by Melina Mejía Bedoya

About a year and a half ago I started attending tech meetups in Medellín and I never thought my life would change so much since the first day I attended.

In this talk I want to talk about my experience beeing part of tech communities in Medellín and how it has positively impacted not only my life, but that of many others:

– Thanks to “Pioneras Developers” community I was able to overcome the impostor syndrome and change the paradigm that programming is a “boy thing”.

– In Angular Medellín I found a place with people with the same interests I had, willing to listen, to help, where it didn’t matter if you had never code or if you had 30 years of experience, everyone is welcome. The most important thing about being part of this community it wasn’t to have a computer, but the attitude with which you came to learn and share knowledge, to challenge your limits.

– After a long time attending to this meetups, I realized I wanted to get more involved, I wanted to impact the lives of other people. So I signed up as a volunteer in the project “Code your future Colombia”, whose main objective is to change the lives of disadvantaged people in Colombia, in this case “Comuna 13”, one of the places most affected by violence in my city.

Slides

The Bazel Opt-in Preview is Here!

Presented by Alex Eagle

As a part of version 8 of Angular, developers will be able to give Bazel a try on their projects. Alex will walk through the process, the benefits for enterprise scale projects, and the potential downsides to help you understand how Bazel can fit into your workflow, and to share our vision for the future.

UFO: Un-identified Forgettable Operators – 20 operators in 20 minutes

Presented by Mike Brocchi and John Niedzwiecki

Did you know that there are ONE HUNDRED AND FOUR RxJS operators? This isn’t your normal RxJS talk. We’re not going to re-teach you map/filter/switchMap. We’re going to blast off into deep space to show you the operators haven’t used and may not have even heard about. Join us as we run through 20 operators in 20 minutes.

Slides

Angular Elements Make The Best React Components

Presented by Brad McAlister and Ryan Chenkie

Reusable components are a great idea. That is, until you find yourself working in a React app and you’re unable to reuse the great Angular components you’ve already built. Thankfully, there’s a way around this. If you need to support multiple frontend frameworks, you can harness the power of Angular Elements to do just that and build reusable shared components that will drop right in your app. In this talk, we’ll show you how you can manage components across different frontend frameworks and keep everyone happy.

Slides

Thinking Reactively: Most Difficult

Presented by Mike Pearson

Reading and writing reactive code is a mysterious art that evades mastery for all but the most dedicated of disciples. Why is it so mind-bendingly difficult? Is it worth mastering? Most of all, how can we make it better?

How To Build Your Own RxJS Operators

Presented by Ben Lesh

Once you get past the basics of piping operators with RxJSl, you’re ready to unleash the full power of reactive programming! It’s time to start thinking about building your own operators. Ben will demonstrate solving common problems such as composing existing operators, are guide developers on how to think about and define your own operators.

RxJS Updates

Presented by Tracy Lee

  • RxJS Latest Release Updates

  • RxJS 7 & 8 Roadmap

  • RxJS Community Updates

This talk is not available at the moment

Appetite for production: build, scale, and monitor your app in the cloud with Google’s newest serverless tools

Presented by Bret McGowen

Angular Universal is one step to serving your Angular applications better, but what happens when you deploy it into production and it starts taking customer traffic? How long does it take to render on the server? Angular developers are often required to make sure it behaves the same in staging, QA, and production? What happens if you get hit with a sudden surge in traffic? Come see how the latest serverless tools from Google Cloud take you from local to production and make sure your Angular app stays healthy and performant.

Before NgRx: Superpowers with RxJS + Facades

Presented by Thomas Burleson

Like an alien invasion, everyone is telling you to use NgRx! You are fighting and resisting this Dark Lord mind-shift. What if you wanted to super-power your services without using NgRx?

With RxJS, you get all the super-powers of Observables and data-push features. And with View Facades + RxJS, you can radically simplify your view components; hiding all complexity in the Facades.

But designing these Facades can be tricky indeed!

Come learn about Facades and the best-practices for Facade APIs. And then see where & how NgRx can be easily added [later] without affect any of your View components. See where Facades + NgRx are most beneficial… and where NgRx is a perfect next-step, enhancement.

Slides

For Flux Sake

Presented by Aaron Frost and Chris Noring

Because Flux tells us to, many Angular developers put most (if not all) of our data inside of an Angular Redux store. The problem is, though, that nowadays even many of the authors of Redux libraries don’t even recommend this practice. To say that the many different instructions from the Redux community are in conflict with each other is an understatement. Come watch the show and learn why so many people are pulling back on Redux and how to add some sanity into your Angular + Redux implementation.

Landing at Ground Control (Angular Team Panel + Closing Remarks)

Presented by Angular Team