Video details

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

Angular
09.20.2020
English

https://ng-poland.pl 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 🚀 https://youtu.be/GbR_Urdl8WU Keynote Session: Go Faster for Less Effort | Todd Motto 🚀 https://youtu.be/dEm_Efc4_UQ Keynote Session: Rethinking Angular Architecture & Performance | Mark Pieszak 🚀 https://youtu.be/C6sKq8eEbtY Keynote Session: Magical TypeScript features and how they help projects like NgRx | Alex Okrushko 🚀 https://youtu.be/06U_poKAP4A Sustainable Angular Architectures with Monorepos and Strategic Domain Driven Design | Manfred Steyer 🚀 https://youtu.be/q75RUZreh2E You can find it in the docs - Kamil Gałek 🚀 https://youtu.be/xzmEWvcu4JM Using Elm's Json Decoders in Angular - Raul Jimenez 🚀 https://youtu.be/O87etoNFI7U Practice makes perfect - when it comes to RxJS | Jan-Niklas Wortmann 🚀 https://youtu.be/OmiztChGtdQ Unleash the power of Angular CLI Builders - Nir Kaufman 🚀 https://youtu.be/hX0KLxMJVyU Magic Dust in your apps? Configurable frontend, how we've done it. | Łukasz ‘Max’ Kokoszka, Rafał Brzoska 🚀 https://youtu.be/koPoB0RSNFI Lightning talk: Networking 101 | Tomasz Wojda 🚀 https://youtu.be/jzogYUix4s8 Lightning talk: How to survive in agile world | Bartłomiej Narożnik 🚀 https://youtu.be/_gFvYy4yH0U Angular Elements and Zone-Less components in production | Michael Hladky 🚀 https://youtu.be/TGDFlLpjOb0 Dissecting Dependency Injection: Angular and NestJS | Kamil Myśliwiec 🚀 https://youtu.be/cyZwl-VJyIs Real time messaging with Angular and ASP.NET Core SignalR | Fabian Gosebrink 🚀 https://youtu.be/9TeA7lGAi_Q Ivy's hidden features | Lars Gyrup Brink Nielsen 🚀 https://youtu.be/3jgTgdZMpZE Amazing E2e testing experience with Cypress and Angular | Christoffer Noring 🚀 https://youtu.be/R8XDNmL6rbw Reactive Powered: RxJS with Angular Forms | Shmuela Jacobs 🚀 https://youtu.be/5vmhtW2Q5rU If the world is burning to the ground - keep calm and write a test for it | David Müllerchen 🚀 https://youtu.be/lumHN0rJU4U Saving the world, one line at a time | Asim Hussain 🚀 https://youtu.be/frgVwm3wbvY Build a chatbot for an Angular Application | Sebastian Witalec 🚀 https://youtu.be/OFFoR4lJGtk