Video details

Angular Elements and Zone-Less components in production | Michael Hladky

English Angular Elements and Zone-Less components in production Preconditions: As a precondition, we assume you already know the basics of web components and angular elements. Many things are already written or recorded and we have a good overview of the basics. How about elements in production? They can be used in a variety of ways:
stand-alone or in an angular project
zone-less or zone-full
styles encapsulated or open
Furthermore what about all the problems with manual change detection or the problem of multiple zone instances? Third-party libs also bring a lot of problems we need to solve. Current approaches bring a lot of ugly hacks as well as multiple versions of `polyfills.ts` and `main.ts`. Also, some of the problems remained unsolved until today. Let's change this! In this talk, we will:
learn the main 4 bundling strategies that pay off in real-life
What to consider if we write zone-less components
How to control different bundling strategies over the architect API
How to link bundle settings to our components
In the end, you can copy ANY angular component into the project and build it for all scenarios in one single command. You will further be able to create code that works without zone.js and get, faster, even smaller bundles.
Michael Hladky - Consultant/Trainer, Google Developer Expert in Angular | Austria He is a Google Developer Expert and an active part of the community. As co-founder of the Angular-Austria association, organizer of Angular-Vienna and NestJS-Vienna Meetup he grows the Austrian community. He is a developer, trainer and consultant with the focus on Angular as well as ionic and surrounding technologies, and gives workshops on Angular, RxJs and Typescript.
NG POLAND 2019 Keynote Session : The post-ivy world | Minko Gechev 🚀 Keynote Session: Go Faster for Less Effort | Todd Motto 🚀 Keynote Session: Rethinking Angular Architecture & Performance | Mark Pieszak 🚀 Keynote Session: Magical TypeScript features and how they help projects like NgRx | Alex Okrushko 🚀 Sustainable Angular Architectures with Monorepos and Strategic Domain Driven Design | Manfred Steyer 🚀 You can find it in the docs - Kamil Gałek 🚀 Using Elm's Json Decoders in Angular - Raul Jimenez 🚀 Practice makes perfect - when it comes to RxJS | Jan-Niklas Wortmann 🚀 Unleash the power of Angular CLI Builders - Nir Kaufman 🚀 Magic Dust in your apps? Configurable frontend, how we've done it. | Łukasz ‘Max’ Kokoszka, Rafał Brzoska 🚀 Lightning talk: Networking 101 | Tomasz Wojda 🚀 Lightning talk: How to survive in agile world | Bartłomiej Narożnik 🚀 Angular Elements and Zone-Less components in production | Michael Hladky 🚀 Dissecting Dependency Injection: Angular and NestJS | Kamil Myśliwiec 🚀 Real time messaging with Angular and ASP.NET Core SignalR | Fabian Gosebrink 🚀 Ivy's hidden features | Lars Gyrup Brink Nielsen 🚀 Amazing E2e testing experience with Cypress and Angular | Christoffer Noring 🚀 Reactive Powered: RxJS with Angular Forms | Shmuela Jacobs 🚀 If the world is burning to the ground - keep calm and write a test for it | David Müllerchen 🚀 Saving the world, one line at a time | Asim Hussain 🚀 Build a chatbot for an Angular Application | Sebastian Witalec 🚀