Angular Master Podcast

What's up everyone, this is Dariusz Kalbarczyk co-founder of NG Poland, JS Poland, AngularMaster.dev & WorkshopFest.dev.  Welcome back to the Angular Master Podcast. https://ng-poland.pl https://js-poland.pl Today we've got a special guest from San Francisco USA, DevRel Engineer at Google, Angular Team Ladies and gentlemen, Emma Twersky! Hi Emma, How are you? Please introduce yourself and tell us what you do. You are passionate about good user experience and design. Tell us about it. Now let's go back a few years. When did you start your adventure in programming? Why did you choose Angular? If any of our listeners are just beginning their adventure with Angular, where should they start? What tools are worth getting to know at the beginning to better work with the framework itself? Is Angular + Ionic a good choice for a mobile app? How do you see the future of Angular, what can we expect in the coming months? This year you are going to NG Poland. Will it be your first time in Poland? What kind of person is Emma? How do you see yourself? Your favorite technical and non-technical book?

What's up everyone, this is Dariusz Kalbarczyk co-founder of NG Poland, JS Poland, AngularMaster.dev & WorkshopFest.dev.  Welcome back to the Angular Master Podcast. https://workshopfest.dev https://ng-poland.pl https://js-poland.pl Today we've got a special guest from Vienna Austria, performance engineer, trainer and consultant, Enthusiast of technologies such as Angular, NestJS, rxjs, TypeScript. He is also GDE ang MVP. Ladies and gentlemen, Michael Hladky! Let's start the show! Topics covered in this episode: ✔ How to record and analyze flame charts ✔ How to document performance issues and measure improvements ✔ How to detect performance bottlenecks ✔ MASTER EXERCISE - Analyze and fix performance bugs ✔ Hands down with Angular’s brand new DevTools ✔ Analyze memory usage and active event listeners ✔ Blocking tasks and how to spot scripting bottle necks ✔ Network analysis and improvement strategies ✔ ChangeDetection ✔ Change detection strategies & IVY features ✔ detectChanges vs markForCheck ✔ zone.js & NgZone ✔ MASTER EXERCISE - Refactoring an application to go fully zone-less ✔ ChangeDetection profiling ✔ Subscription handling & memory leaks ✔ Performance Component architecture ✔ Best & Bad performance practices of DOM Structure and css rendering ✔ Runtime performance of scripting, rendering and painting ✔ MASTER EXERCISE - Refactoring an application by leverage browse native features

What's up everyone, this is Dariusz Kalbarczyk co-founder of NG Poland, JS Poland, AngularMaster.dev & WorkshopFest.dev.  Welcome back to the Angular Master Podcast. Today we've got a special guest from Vienna Austria, performance engineer, trainer and consultant, Enthusiast of technologies such as Angular, NestJS, rxjs, TypeScript. He is also GDE ang MVP. Ladies and gentlemen, Michael Hladky! Topics covered in this episode:  ✔ Local vs. global state (when to us what) ✔ Derived state (shared computations, distinct changes, and nullish values) ✔ View vs. ViewModel ✔ OOP Design Patterns and Component state (Facade, MVVM, MVC, Adapter) ✔ Observable Inputs without decorators ✔ Observable HostBindings ✔ Managing async data streams with RxJS flattening operators ✔ How to handle error, complete, suspense, and values in the template ✔ Component lazy loading ✔ Improving UX with Reusable reactive helpers (nonFlickerLoader)

What's up everyone, this is Dariusz Kalbarczyk co-founder of NG Poland, JS Poland, AngularMaster.dev & WorkshopFest.dev.  Welcome back to the Angular Master Podcast. Today, together with Manfred Steyer, who is an excellent Speaker, Trainer, Consultant and Author with focus on Angular. We will talk about Auth for SPAs and Micro Frontends You started a blog series where you tell us that the browser is no safe place for storing security tokens. However, it’s quite modern to directly use JWT tokens, OAuth 2 and OpenId Connect in the browser. What’s the reason for this? Do we need to panic, if we still use tokens in the browser? If we should not directly use security tokens in the browser, how to implement Single-Sign-on with existing identity solutions like Active Directory? How to deal with APIs of different origins? You also mention that there is a way to use these ideas to improve security while making everything easier. How is this even possible? Let’s assume, we have installed and configured such a Security Gateway. What do I need to do on the client-side for authentication and authorization? And what do I need to do on the server-side? Can you tell us a bit about your reference implementation for this idea? You are using ASP.NET Core for this. What to do, if this is not part of our stack? What Identity Solutions does this implementation support? What’s with Cross-Site-Request-Forgery Attacks, now, as we have cookies again? Do we need to protect ourselves from them? You also talked a lot about Micro Frontends recently. Does this approach also work with them or do we have to adjust it?

What's up everyone, this is Dariusz Kalbarczyk co-founder of NG Poland, JS Poland, AngularMaster.dev & WorkshopFest.dev.  Welcome back to the Angular Master Podcast. Today, together with Manfred Steyer, who is an excellent speaker, trainer, consultant and author focusing on Angular. We will discuss in depth the new version of the Module Federation plugin for Angular. Topics discussed: - What's this plugin about? - Streamlined Configuration. - What's about shareAll? Is this dangerous? - Eager and Pinned Dependencies. - Dynamic Configuration and "Registry" Services. - Automatically Adding Secondary Entry Points. - run:all With Parameters. - What's the future of this plugin?

What's up everyone, this is Dariusz Kalbarczyk co-founder of NG Poland, JS Poland, AngularMaster.dev & WorkshopFest.dev.  Welcome back to the Angular Master Podcast. Today, together with Kara Erickson, who works as a TLM of Aurora team @ Google Chrome, former Angular Technical Lead, we will talk about optimization. Let's talk about Aurora, what is it and why was it created? Why Google is investing in this space? What it means: Aurora - a collaboration between Chrome and open-source web frameworks & tools How does Aurora connect to Angular? How can we use the Aurora knowledge to optimize Angular app? What are the performance issues your team focuses on? Can you tell me more about the Angular image project and what it aims to address? What is the INP (Interaction to Next Paint) ? How is INP different from First Input Delay (FID)? Why INP is relevant to frameworks and how Aurora and frameworks are working to optimize responsiveness? What other frameworks are you working on? How does JavaScript affect INP? How are Aurora and Angular addressing INP issues? Books recommended by Kara:  https://abookapart.com/products/responsible-javascript https://speakerdeck.com/addyosmani/learning-patterns https://www.smashingmagazine.com/printed-books/image-optimization/ https://addyosmani.com/

What's up everyone, this is Dariusz Kalbarczyk co-founder of NG Poland, JS Poland, AngularMaster.dev & WorkshopFest.dev.  Welcome back to the Angular Master Podcast. Today, together with Manfred Steyer, who is an excellent Speaker, Trainer, Consultant and Author with focus on Angular. We will talk in depth about our video course Angular Architecture: Strategic Design with Nx, Edition 2022 https://angularmaster.dev

What's up everyone, this is Dariusz Kalbarczyk co-founder of NG Poland, JS Poland, AngularMaster.dev & WorkshopFest.dev.  Welcome back to the Angular Master Podcast. Today, together with Manfred Steyer, who is an excellent Speaker, Trainer, Consultant and Author with focus on Angular. We will talk about Micro Frontends and Standalone Components You are doing quite a lot with Micro Frontends. However, there is the rumor that micro frontends are bad for UX and bundle sizes. Why’s that? Well said. But if we decide to do so. How to deal with these problems? I have to ask this question. Does it really make sense to use Module Federation in Monorepo? Continuing the tone of the previous question. Are there technical reasons for introducing Module Federation? It is very interesting what you said. Let us go one step further.  What are misconceptions you see in the area of Micro Frontends? How does the mental model behind the standalone components work? How to improve your architecture without NgModules? How to prepare for a NgModule-less world and how to migrate existing projects? How to use Standalone Components with existing code and Angular libs What are your wishes for the future of Micro Frontends?

What's up everyone, this is Dariusz Kalbarczyk co-founder of NG Poland, JS Poland, AngularMaster.dev & WorkshopFest.dev.  Welcome back to the Angular Master Podcast. Today, together with Manfred Steyer, who is an excellent Speaker, Trainer, Consultant and Author with focus on Angular. We will talk about Standalone Components Link to book a place on the webinar:  https://angularmaster.dev/webinars/ Originally, the idea was to not implement NgModules for Angular 2, as it was called back then. Why have they even been introduced in the first place? Why does the Angular team want to make them optional? How will working without NgModules look like? Isn't importing the whole context into Standalone Components exhausting? What's with existing source code and libs? Are Standalone Components compatible? Currently, the Angular Router uses NgModules, e. g. for lazy loading. How will this work in the future? What's with forRoot and forChild methods? Without NgModules, how can we structure our Angular applications in the future?

What's up everyone, this is Dariusz Kalbarczyk co-founder of NG Poland, JS Poland, AngularMaster.dev & WorkshopFest.dev.  Welcome back to the Angular Master Podcast. Today we've got a special guest from Warsaw Poland, CTO at Cobiro. Ladies and gentlemen, Greg Radzio Questions: Hi Greg, How are you? Do you have your favorite podcast? What do you do on a daily basis? What does Cobiro do? Tell me more about your flagship product. Let's talk about how you successfully built your development team and how you manage it now. How many developers were in the beginning and how many developers are there now? Was it easy to build such a team? What were your biggest problems along the way? What are your goals in Cobiro now? What kind of people are you looking for? How do you make sure that these people stay in your organization? Is it possible to cooperate with you remotely? What technology do you use and why is it Angular? Biggest Angular challenges you've come across? You are relatively new on a polish scene, tell us your story How do you structure your teams? Everyone complains about hiring talent in Poland and especially in Warsaw, how come you attracted so many people in such a short time competing with bigger and better known companies? What is your frontend stack? Do you do open source? Why? How do you test your angular app? How do you develop a feature? How about junior and mid level developers? Do they exist in Cobiro? How often do you release? What is your release cycle? What is Quality Assurance to you? How do you deal with legacy code? How do you make sure that your developers always get better? What is a skill grid? And then what happens? What kind of person is Greg? How do you see yourself? Do you have some hints for us regarding self-organization? Do you have any favorite hobbies? What’s about your work/life balance? Do you have some hints for us? You will be a speaker at NG Poland 2021, what are you preparing for this year's edition?