Join our weekly discussion about how to build top end Angular applications and become an Angular expert.
Subscribe to this podcastOpen in app
Lucas Paganini is a content creator and developer. Together with his team creates educational content about web development through articles and YouTube tutorials. He has been working on Angular since 2017 and is the CEO of a remote company called Unvoid. He joins Chuck on the show to talk about his article, "Automatically Unsubscribe Observables on Destroy". About this Episode Managing Observables when your component is destroyed Different roles in the Dependency Injector System Ways in providing Dependency The Unsubscribe Service Sponsors Chuck's Resume Template Developer Book Club starting with Clean Architecture by Robert C. Martin Become a Top 1% Dev with a Top End Devs Membership Links Angular: Automatically Unsubscribe Observables on Destroy - YouTube Angular: Automatically Unsubscribe Observables on Destroy What's New in Angular v14 - A Game Change - YouTube Official Angular docs - The Dependency Injection system Official Angular docs - Platform injector Official Angular docs - Benefits of using providedIn: “root” Official Angular docs - ngOnDestroy for Services Official Angular docs - Dependency Injection resolution modifiers @Self @SkipSelf @Host Official Angular docs - Angular inject() function Official Angular docs - Performance improvements with manual change detection Official Angular docs - ViewRef.onDestroy Official RxJS docs - takeUntil operator Memory leaks, When to Unsubscribe in Angular, by Netanel Basal Unleash the Power of DI Functions in Angular, by Netanel Basal Angular utilities library @lucaspaganini/angular-utils Angular utilities library @lucaspaganini/angular-utils source code - UnsubscriberService.takeUntilDestroy Unvoid Lucas Paganini Twitter: @LucasPaganini Instagram: lucaspaganini Picks Charles - Timpanogos Game Convention Charles - Keeper of the Lost Cities Lucas - Flavio Almeida Angular courses (warning: a lot of content in Portuguese) Lucas - Thoughtram Angular blog Lucas - Overcooked 2 game Lucas - Game Night movie
Armen comes back to the show to talk about one of his articles, “Change Detection without Change Detection". Change detection functions by helping rerender the UI when data changes. Armen joins Chuck and Subrat as he shares the importance of using his Change Detection technique to improve performance rather than using the built-in one.Topics discussed Change detection and how it works How do you call or trigger a Change Detection Inject Function Proxy Object Sponsors Chuck's Resume Template Developer Book Club starting with Clean Architecture by Robert C. Martin Become a Top 1% Dev with a Top End Devs Membership LinksChange Detection without Change DetectionPicks Armen - House of the Dragon | Official Website for the HBO Series Charles - Board Game Conventions Charles - Clean Architecture Subrat - Atomic Habits
Maria Korneeva joins the show today to share her approach on how to proxy HTTP requests in Angular, including use cases and various strategies to make proxying simplified and useful to your Angular workflows. In this episode… Use cases examples Proxying a request from localhost to the remote backend service Using the fake back end before real implementation Effortless switching between environments Defining endpoints using wildcards Automation scripts and testing Sponsors Top End Devs Raygun | Click here to get started on your free 14-day trial Coaching | Top End Devs Links How to proxy HTTP requests in Angular Twitter: @BrowserPerson LinkedIn: Maria Korneeva Picks Charles- ActiveCampaign - #1 Customer Experience Automation Platform - ActiveCampaign Charles- Community | Personalized Text Message Software & SMS Solution Charles- TopEndDev | Courses Charles- Virtual Events Platform for Communities & Enterprises Charles- TopEndDev | Coaching Maria- Chrome DevTools - Chrome Developers Maria- Document.designMode - Web APIs | MDN Maria- tweak: mock and modify HTTP requests Subrat- Sapiens: A Brief History of Humankind Subrat- Mindset: The New Psychology of Success
Today on the show, Charles and Subrat interview Miroslav Jonas to discuss various approaches related to monorepos, linting and CI. Enjoy this broad conversation as the panel shares their industry insights on these various topics and strategies you can start to implement today. In this episode… What are monorepos? Migrating and linting engines Nx and monorepos Utilizing plug ins Integration libraries and linting Benefits of Nx Front end vs back end communications Sponsors Top End Devs Raygun | Click here to get started on your free 14-day trial Coaching | Top End Devs Links Imgur Taming Code Organization with Module Boundaries in Nx | by Miroslav Jonaš | Nrwl Smart, Fast and Extensible Build System Github: meeroslav Twitter: @meeroslav Picks Charles- Quiddler Charles - Top End Devs Conferences Charles- Watch Dan Brown's The Lost Symbol Streaming (2021-) | Peacock Miro- Watch The Sandman | Netflix Official Site Miro- Nx Conf 2022 - October 17th, 2022 Subrat- The Pragmatic Programmer: From Journeyman to Master
Do you want to level up in your career? Do you want to become a top 1% developer? Today on the show, Charles provides three simple steps you can implement today to help get you there. In this episode… Have a side project Learn something every day Commit code every day Sponsors Top End Devs Coaching | Top End Devs Picks Charles - Top End Devs | Conferences Charles - Top End Devs | Meetups Charles – Innova OBD2 Code Reader Charles- BMK 200W Car Power Inverter DC 12V to 110V AC Car Inverter 4 USB Ports Charger Adapter Car Plug Converter with Switch and Current LCD Screen Charles- Just Wireless 15W Magnetic Wireless Charger Car Vent Mount for MagSafe Devices Black 20017 - Best Buy Charles- Fantastic Beasts: Perilous Pursuit
Meetups are a remarkably easy and convenient way to connect and network with others. Today on the show, Charles shares his various strategies on how to make the most of Meetups, whether to network to find a better job, learn something new, collaborate with others, get counsel about your career or current work problems, or simply enjoy the human connection and community with others. Sponsors Top End Devs Raygun | Click here to get started on your free 14-day trial Coaching | Top End Devs Picks Charles - Sponsor a show Charles - Text Charles to get connected. 801-877-3287 Charles - Join a meetup group Charles - 1883 (TV Series) Charles - ESPN+ Charles - Top End Devs Conferences
Nx is a smart, fast and extensible build system with first class monorepo support and powerful integrations, and it has a powerful core and a rich plugin ecosystem. Today, Charles interviews Angular expert Lars Gyrup Brink Nielsen to discuss the benefits of the Nx build framework. In this episode… Nx fundamentals Benefits and downsides Nx workspace generation Distributed task execution (DTE) Future feature releases Sponsors Top End Devs Coaching | Top End Devs Links The Angular Developer's Nx Handbook Twitter: @LayZeeDK GitHub: LayZeeDK Picks Charles- Just One Charles - Top End Devs Conferences Charles- Tim McGraw, Faith Hill to Star in 'Yellowstone' Prequel Series '1883' Lars- Westworld | Official Website for the HBO Series | HBO.com Lars – This is Learning
One of the upcoming future features in the Angular framework will revolve around “Standalone Components” (SC) vs. “Optional NgModules”. When SC makes NgModules optional, it depreciates their value in the long run and could lead us to determine their necessity. Given that Angular is an enterprise framework, can we have modulars in an angular application or should we eliminate this? Angular expert Rainer Hahnekamp joins the show to share his perspective on how SC will affect modularity in an Angular application. Sponsors Top End Devs Raygun | Click here to get started on your free 14-day trial Coaching | Top End Devs LinksRAINER HAHNEKAMPPicks Charles- DigitalOcean - The developer cloud Charles - Conferences | Top End Devs Charles- Dice Forge Charles- Tim McGraw, Faith Hill to Star in 'Yellowstone' Prequel Series '1883' Rainer - Look at other frameworks to get other perspectives.
Charles Max Wood is the master architect behind Top End Devs, which includes 11 unique podcast shows for DevOps. Today on the show, Subrat interviews Charles on how to launch, grow, and monetize a podcast show from scratch. He shares his process, the strategies to launch, various tools, sites, and apps, how to build an audience, and how to monetize a show. Sponsors Top End Devs Coaching | Top End Devs Links Trusted CDN Provider | Faster Content Delivery | CacheFly Podcast Hosting and Analytics - Welcome to Fireside! Riverside.fm - Record Podcasts And Videos From Anywhere Picks Charles- Lost Ruins of Arnak Charles - Top End Devs Charles - Angular Remote Conf Subrat- Fun Of Heuristic
Tomas Trajan, Google Developer Expert for Angular and Web technologies, joins the show today to discuss NgRx and best practices. They deliberate the main integrations for NgRx with Angular, various implementation strategies, and more. This is an exciting conversation you won’t want to miss! In this Episode… NgRx overview NgRx best practices NgRx and Angular implementation Sponsors Top End Devs Raygun | Click here to get started on your free 14-day trial Coaching | Top End Devs Links Level Up Your NgRx Skills With 10 Time-Tested Best Practices Tomas Trajan - Medium LinkedIn: Tomas (Trajan) Herich Angular Workshops Angular Experts Picks Charles- Marvel's Guardians of the Galaxy Game | SQUARE ENIX Charles - Top End Devs Conferences Charles - Top End Devs Meetups Subrat- Mindset: The New Psychology of Success Tomas - Huberman Lab