Adventures in Angular

150 episodes listed below

Listen to the show on

Angular's working parts, talked through by a panel.

The gist

Adventures in Angular brings together a changing panel and a guest developer to talk through the framework's working parts, from push-based change detection to NGXS actions and RxJS retry logic. None of the code is visible, so every idea has to hold up when it is explained in plain speech, with room for easy banter at the edges.

PRESS PLAY

Find your next episode

All episodes

About Adventures in Angular

Adventures in Angular is a numbered, panel-driven series about the Angular framework, and its back catalog runs deep. Most installments bring in one developer as a guest. The panel around them shifts. Aaron Frost introduces himself as host in 'Migrating Material: AngularJS -> Angular with Michael Prentice - AiA 410', with Joe Eames and Brian Love on the panel. In the Azure Cognitive Services episode, Alyssa Nykle does the introductions, with Brooks Forsyth alongside her as panelist. The conversations stay close to real implementation detail. The Push Pipe episode with Michael Hladky frames push-based change detection against the async pipe, which it places in a pull-based approach: an HTTP request emits, parent components get marked for check one after another, and the application re-renders downward. The explanation also notes that plain promises work as well as observables. The Joaquin Cid episode compares NGXS with NgRx. In NGXS, an action can call an API such as Firebase and patch the state from a single block of code, while the NgRx side of the conversation splits that work across effects and reducers. One participant repeats the idea back to confirm it landed. That habit of checking understanding aloud is a large part of the appeal. Nobody can see the code. A closing remark in one episode admits as much, noting that people sometimes ask to show code no listener could ever see. So the ideas have to be carried in speech. A discussion of the RxJS retry operator hangs on one clean distinction: a promise is an execution already under way, while an observable is closer to a formula for subscribing, which is why retry has everything it needs to try again. Practical tradeoffs get airtime too. Ankit Sharma describes an Angular client that uploads an image for OCR and shows a preview, working within a four-megabyte cap set by the API. In the Brad McAlister episode, the panel talks through turning off view encapsulation so CSS cascades normally, and one speaker admits that NX slowed onboarding for new developers while a giant global SCSS file stayed put. The mood is friendly rather than formal, and that same episode closes with jokes about adding a panelist and who has already been kicked off. For a first listen, 'How to Get a 60% Performance Gains with Push Pipe featuring Michael Hladky - AiA 438' is the natural starting point for anyone drawn to change detection.

Made for: Suits a listener who already works in Angular and wants to hear other developers reason through state libraries, RxJS operators, component styling and change detection in conversation.

What sets it apart: Suits a listener who wants Angular explained through spoken reasoning rather than slides. Guests talk through change detection and state flow without visuals, and the panel asks clarifying questions and compares the ideas with its own setups.

In their own words

Join our weekly discussion about how to build top end Angular applications and become an Angular expert. Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Why you'd press play

A giant SCSS file walks into an Angular component; your styling argument finally has company.

Press play if you want

  • your component versus global styles debate to include the messy reality of Angular Material theming
  • push-based change detection explained through an HTTP request and what the async pipe redraws
Read the full recommendation in PlayNext →
Change detection and the async pipeState management with NGXS and NgRxRxJS operators and observablesComponent styling and view encapsulationNX setupConnecting Angular to Firebase and Azure servicesMigrating from AngularJS

Talks about

Best episodes of Adventures in Angular

Short reviews from the PlayNext desk, based on the episodes we processed.

Angular Elements, Annex & Storybook with Brad McAlister - AiA 439Jan 9, 2025

A grounded Angular episode on component styling, global CSS, view encapsulation, and the theming choices teams actually face.

Angular component styling gets treated here as a real architectural decision, not a neat rule to memorize. The conversation follows the tension between scoped component styles and the global CSS that still shapes an app, especially in an Nx setup where components may live in…

How to Get a 60% Performance Gains with Push Pipe featuring Michael Hladky - AiA 438Jan 2, 2025

A concrete walkthrough of how a push-based change detection idea carries an HTTP result through Angular.

Angular performance becomes easier to grasp when it follows one HTTP request through a component tree. The discussion sets Angular's pull-based flow beside a push-based approach, tracing how an observable or promise reaches the async pipe, marks parents dirty through…

Matchmaking NGXS and Firebase with Joaquin Cid - AiA 437Dec 26, 2024

A practical NGXS and NgRx comparison that keeps API calls, payloads, and patchState close to the code.

NGXS gets a focused run-through here, as the conversation weighs its state model against NgRx and follows the path after an action is dispatched.

Practical Applications of RxJS in Angular Development - AiA 436Dec 19, 2024

A useful explanation of how RxJS retry can rerun observable work after an API failure.

This episode gives the retry operator a practical shape through a discussion of why observables and promises behave differently when failure enters the picture.

Azure Cognitive Services with Ankit Sharma - AiA 435Dec 12, 2024

A practical tour of an Angular and .NET OCR app where usability choices matter as much as the API call.

Ankit Sharma walks through a practical Angular and .NET OCR app that lets a user upload an image, sends it to an OCR API, and returns extracted text in the UI.

Podcasts like Adventures in Angular

Episodes

  1. 1

    AngularJS to Angular Migration with Craig Spence - AiA 409

    ·41m
  2. 2

    Does College Matter in Software Engineering? - AiA 388

    ·57m
  3. 3

    Speeding up Your Angular Apps with Daniel Kreider - AiA 387

    ·51m
  4. 4

    Change Detection Method in Angular - AiA 386

    ·46m
  5. 5

    Upgrading an Enterprise App to Angular 16 - AiA 385

    ·1h 3m
  6. 6

    Goodbye ngIf, Hello Built-in Control Flow - AiA 384

    ·50m
  7. 7

    Angular Elements, Annex & Storybook with Brad McAlister - AiA 439

    ·52m
  8. 8

    How to Get a 60% Performance Gains with Push Pipe featuring Michael Hladky - AiA 438

    ·52m
  9. 9

    Matchmaking NGXS and Firebase with Joaquin Cid - AiA 437

    ·55m
  10. 10

    Practical Applications of RxJS in Angular Development - AiA 436

    ·24m
  11. 11

    Azure Cognitive Services with Ankit Sharma - AiA 435

    ·37m
  12. 12

    Power Up Angular with RXjs with Armen Vardanyan - AiA 434

    ·57m
  13. 13

    Getting your Components to Communicate with Ravi Veliyat - AiA 433

    ·51m
  14. 14

    Managing and Capturing Errors in Angular ft. Philipp Kief - AiA 432

    ·54m
  15. 15

    Web Components for Cross Framework Development with Nishu Goel - AiA 431

    ·45m
  16. 16

    Profiling Angular Apps with Gil Fink - AiA 430

    ·45m
  17. 17

    Leveraging Event Sourcing: Enhancing Scalability and Consistency in Front-end and Back-end - AiA 429

    ·55m
  18. 18

    Is There Benefits from Working From Home with Will Gant - AiA 428

    ·1h
  19. 19

    Data Mocking with Dave Cooper - AiA 427

    ·42m
  20. 20

    Managing Component State the Sane Way with Freddy Montes - AiA 426

    ·45m
  21. 21

    Cross Platform Angular with Richard Sithole - AiA 425

    ·1h 2m
  22. 22

    Micro Frontends and Zoneless Angular: Bridging Framework Interoperability - AiA 424

    ·51m
  23. 23

    Accessibility in Angular with Vitalii Bobrov - AiA 423

    ·50m
  24. 24

    Bazel with Alex Eagle - AiA 422

    ·1h 1m
  25. 25

    Functional Programming with Angular, NgRx with Raul Jimenez - AiA 421

    ·56m
  26. 26

    The JAM in JAMstack with Tara Z. Manicsic - AiA 420

    ·38m
  27. 27

    Angular Projects with Zama Khan Mohammed - AiA 419

    ·41m
  28. 28

    Unleashing Angular's Potential with WebAssembly and Rust - AiA 418

    ·36m
  29. 29

    Mastering Angular Testing Strategies with Ng Demo and Cypress Integration - AiA 417

    ·33m
  30. 30

    Put A Form Around It with Sani Yusuf - AiA 416

    ·53m
  31. 31

    Why would you use Angular in a Startup? - AiA 415

    ·37m
  32. 32

    Progressive State Management with NGXS with Aliaksei Kuncevic - AiA 414

    ·1h 2m
  33. 33

    The Easiest Way to use Angular Elements with Tomas Trajan - AIA 413

    ·46m
  34. 34

    Navigating Technical Hurdles: Exporting Invoices to PDF and Maintaining Rich Text Formatting - AiA 412

    ·34m
  35. 35

    Mastering Open Source Contributions with Santosh Yadav - AiA 411

    ·52m
  36. 36

    Migrating Material: AngularJS -> Angular with Michael Prentice - AiA 410

    ·54m
  37. 37

    Angular Signals VS RxJS - AiA 389

    ·52m
  38. 38

    Ngrid with Shlomi Assaf - AiA 408

    ·42m
  39. 39

    Angular CLI and NX: Managing Libraries and Runtime Translation - AiA 407

    ·40m
  40. 40

    Understanding the Power of Ignite UI with Konstantin Dinev - AiA 406

    ·40m
  41. 41

    Revolutionizing Angular Development with Rxfx - AIA 405

    ·50m
  42. 42

    Finding a Job with Charles Max Wood - AIA 404

    ·43m
  43. 43

    Building A Component Library with Thomas Pink & Fabian Friedl - AiA 403

    ·50m
  44. 44

    Power Up Angular with RXjs with Armen Vardanyan - AiA 402

    ·57m
  45. 45

    Working with Google Maps on Angular with Katerina Skroumpelou - AiA 401

    ·49m
  46. 46

    Amazing Backends for Angular Devs with NestJS with Ely Lucas - AiA 400

    ·43m
  47. 47

    Signal-Based Stores in NgRx v17 - AiA 399

    ·55m
  48. 48

    Migrating to New Angular Features - AiA 398

    ·50m
  49. 49

    Server-Side Rendering in Angular 17 - AiA 397

    ·45m
  50. 50

    What's New in Angular v17 - AiA 396

    ·44m
  51. 51

    Go Faster with these Angular Utility Libraries - AiA 395

    ·1h 6m
  52. 52

    Documenting your Codebase with Compodoc - AiA 394

    ·44m
  53. 53

    UI Libraries, Buy or Build? - AiA 393

    ·49m
  54. 54

    Enterprise Applications with Angular - AiA 392

    ·1h 12m
  55. 55

    Angular Performance with Christian Liebel - AiA 391

    ·55m
  56. 56

    The Evolution of JavaScript - AiA 390

    ·45m
  57. 57

    Benefits of Attending Tech Conferences (And How to Be a Speaker) - AiA 383

    ·1h
  58. 58

    Hydration and Server-Side Rendering in Angular 16 - AiA 382

    ·59m
  59. 59

    Angular Signals in Practice - AiA 380

    ·58m
  60. 60

    Getting to Know Bruce A. Tate - BONUS

    ·32m
  61. 61

    Jason Weimann - Learn Video Game Development with Chuck - BONUS

    ·50m
  62. 62

    Advanced Patterns with Angular Directives - AiA 379

    ·59m
  63. 63

    Mobile Development with Angular, Capacitor, and Ionic - AiA 378

    ·1h 15m
  64. 64

    How Do You Stop Hating Your Job? - BONUS

    ·45m
  65. 65

    Signals, the Future of Reactive Programming in Angular - AiA 377

    ·1h 20m
  66. 66

    Comparing Angular and React in 2023 - AiA 376

    ·1h 5m
  67. 67

    How we Deploy our Apps - AiA 375

    ·1h 10m
  68. 68

    Angular Structural Directives and Their Microsyntax - AiA 374

    ·38m
  69. 69

    How to Succeed in Content Creation - AiA 373

    ·1h 7m
  70. 70

    Standalone Structure with Nx - AiA 372

    ·1h 12m
  71. 71

    Functional Programming in TypeScript - AiA 371

    ·33m
  72. 72

    Angular Setup And Workflow - AiA 370

    ·49m
  73. 73

    Becoming a Google Developer Expert in Angular - AiA 369

    ·1h 21m
  74. 74

    Tailwind CSS - AiA 368

    ·1h 23m
  75. 75

    Latest Versions Of NgRx v14 & v15 - AiA 367

    ·1h 12m
  76. 76

    Angular's Custom Form Components - AiA 366

    ·1h 12m
  77. 77

    Writing Clean Http Service Methods With Walid Bouguima - AiA 365

    ·1h 19m
  78. 78

    Standalone Components With Marek Panti - AiA 364

    ·1h 19m
  79. 79

    State Management with RxJS - AiA 363

    ·52m
  80. 80

    Angular 15: The Good Parts - AiA 362

    ·1h 17m
  81. 81

    How to Advance Your Career without Grinding for Years - AiA 361

    ·53m
  82. 82

    How To Recession Proof Your Job - BONUS

    ·1h 12m
  83. 83

    Unsubscribing Observables on Component Destroy With Lucas Paganini- AiA 360

    ·1h 4m
  84. 84

    Change Detection Method in Angular - AiA 359

    ·50m
  85. 85

    Using the LocalStorage Object in Angular with Dany Paredes - AiA 358

    ·34m
  86. 86

    Weekly Content Development Strategies with GDE Maina Wycliffe - AiA 357

    ·53m
  87. 87

    How to Proxy HTTP Requests in Angular with Maria Korneeva - AiA 356

    ·41m
  88. 88

    Why would you use Angular in a Startup? - AiA 355

    ·41m
  89. 89

    Monorepos, Linting, and CI, Oh My! - AiA 354

    ·44m
  90. 90

    Code Practice: Become a Top 1% Developer - AiA 353

    ·33m
  91. 91

    Async Angular Testing and Introducing AG Charts - AiA 352

    ·49m
  92. 92

    Making the Most of Meetups - AiA 351

    ·28m
  93. 93

    The Angular Developer’s Nx Handbook - AiA 350

    ·41m
  94. 94

    Standalone Component - AiA 349

    ·45m
  95. 95

    How to start a successful programming podcast - AiA 348

    ·55m
  96. 96

    NgRx with Google Developer Expert, Tomas Trajan - AiA 347

    ·1h 2m
  97. 97

    Template Driven Approach vs. Reactive Form Approach with Hossein Mousavi - AiA 346

    ·40m
  98. 98

    Top End Devs Update - AiA 345

    ·29m
  99. 99

    Alternative Roles for Software Developers ft. Karl Hughes - AiA 344

    ·59m
  100. 100

    Advanced Patterns with Angular Directives Part 2 - AiA 381

    This episode continues a discussion on advanced patterns with Angular directives, featuring a return guest expert.

    ·51m
  101. 101

    Angular Elements, Annex & Storybook with Brad McAlister - AiA 439

    Hidden gem

    Brad McAllister describes Storybook as a sandbox for Angular components, where "knobs" let him test disabled states, icon variants, and button sizes without waiting on a full app refresh.

    Jan 9, 2025·52m·2 clips
  102. 102

    How to Get a 60% Performance Gains with Push Pipe featuring Michael Hladky - AiA 438

    Hidden gem

    Michael Vlodky says the push pipe skips the full Angular path and calls "detect changes" on one component only.

    Jan 2, 2025·52m·2 clips
  103. 103

    Matchmaking NGXS and Firebase with Joaquin Cid - AiA 437

    Hidden gem

    Joaquin Cid says NGXS actions can be asynchronous, so Firebase queries and state updates live in one block.

    Dec 26, 2024·55m·2 clips
  104. 104

    Practical Applications of RxJS in Angular Development - AiA 436

    Hidden gem

    Jason Akbar says `debounceTime` can stop an API from firing on every keystroke.

    Dec 19, 2024·24m·1 clip
  105. 105

    Azure Cognitive Services with Ankit Sharma - AiA 435

    Hidden gem

    Ankit Sharma, a Google Developer Expert and full-stack developer at ADP in Hyderabad, India, walks through an Angular plus ASP.NET Core OCR app that calls Azure Cognitive Services.

    Dec 12, 2024·37m·2 clips
  106. 106

    Power Up Angular with RXjs with Armen Vardanyan - AiA 434

    Armin Vardanyan, a senior front-end developer and team lead at Armenia's Volo, describes four years working with Angular, starting when Angular 2 was in beta.

    Dec 5, 2024·57m·2 clips
  107. 107

    Getting your Components to Communicate with Ravi Veliyat - AiA 433

    Ravi Veliyat describes Angular component communication through inputs, outputs, and singleton services.

    Nov 28, 2024·51m·2 clips
  108. 108

    Managing and Capturing Errors in Angular ft. Philipp Kief - AiA 432

    Hidden gem

    Philip Kief explains how Angular interceptors and a global error handler can catch front-end and HTTP errors.

    Nov 21, 2024·54m·2 clips
  109. 109

    Web Components for Cross Framework Development with Nishu Goel - AiA 431

    Nishu Goel, an IBM developer and Google Developer Expert in Angular, explains that IBM's "garage" setup, with clients moving from two months of Angular to five months of React, led her to export reusable components as web components.

    Nov 14, 2024·45m·2 clips
  110. 110

    Profiling Angular Apps with Gil Fink - AiA 430

    Gil Fink, CEO of one-person firm Sparksys, describes profiling as acting like "a CSI guy or girl" who finds bottlenecks and memory leaks, with a target of 60 frames per second.

    Oct 24, 2024·45m·2 clips
  111. 111

    Leveraging Event Sourcing: Enhancing Scalability and Consistency in Front-end and Back-end - AiA 429

    Adventures in Angular episode 429 maps front-end state tools like Redux and NgRx onto back-end event sourcing, where "a hundred percent of your state is based on those events." Guest Luis Galeas, founder and CEO of Ambar, explains why back ends need persistent, pre-processed state per user, unlike a front end that can rebuild after pressing F5.

    Oct 17, 2024·55m·2 clips
  112. 112

    Is There Benefits from Working From Home with Will Gant - AiA 428

    Oct 10, 2024·1h
  113. 113

    Data Mocking with Dave Cooper - AiA 427

    Oct 3, 2024·42m
  114. 114

    Managing Component State the Sane Way with Freddy Montes - AiA 426

    Sep 26, 2024·45m
  115. 115

    Cross Platform Angular with Richard Sithole - AiA 425

    Sep 12, 2024·1h 2m
  116. 116

    Micro Frontends and Zoneless Angular: Bridging Framework Interoperability - AiA 424

    Sep 5, 2024·51m
  117. 117

    Accessibility in Angular with Vitalii Bobrov - AiA 423

    Aug 29, 2024·50m
  118. 118

    Bazel with Alex Eagle - AiA 422

    Aug 22, 2024·1h 1m
  119. 119

    Functional Programming with Angular, NgRx with Raul Jimenez - AiA 421

    Aug 8, 2024·56m
  120. 120

    The JAM in JAMstack with Tara Z. Manicsic - AiA 420

    Aug 1, 2024·38m
  121. 121

    Angular Projects with Zama Khan Mohammed - AiA 419

    Jul 18, 2024·41m
  122. 122

    Unleashing Angular's Potential with WebAssembly and Rust - AiA 418

    Jul 11, 2024·36m
  123. 123

    Mastering Angular Testing Strategies with Ng Demo and Cypress Integration - AiA 417

    Jul 4, 2024·33m
  124. 124

    Put A Form Around It with Sani Yusuf - AiA 416

    Jun 30, 2024·53m
  125. 125

    Why would you use Angular in a Startup? - AiA 415

    Jun 6, 2024·37m
  126. 126

    Progressive State Management with NGXS with Aliaksei Kuncevic - AiA 414

    May 30, 2024·1h 2m
  127. 127

    The Easiest Way to use Angular Elements with Tomas Trajan - AIA 413

    May 23, 2024·46m
  128. 128

    Navigating Technical Hurdles: Exporting Invoices to PDF and Maintaining Rich Text Formatting - AiA 412

    May 2, 2024·34m
  129. 129

    Mastering Open Source Contributions with Santosh Yadav - AiA 411

    Apr 25, 2024·52m
  130. 130

    Migrating Material: AngularJS -> Angular with Michael Prentice - AiA 410

    A panel of Angular experts discuss web development, including a Cypress webinar and Angular consulting.

    Apr 18, 2024·54m
  131. 131

    AngularJS to Angular Migration with Craig Spence - AiA 409

    Apr 11, 2024·41m
  132. 132

    Ngrid with Shlomi Assaf - AiA 408

    Apr 4, 2024·42m
  133. 133

    Angular CLI and NX: Managing Libraries and Runtime Translation - AiA 407

    Mar 28, 2024·40m
  134. 134

    Understanding the Power of Ignite UI with Konstantin Dinev - AiA 406

    Mar 22, 2024·40m
  135. 135

    Revolutionizing Angular Development with Rxfx - AIA 405

    Feb 22, 2024·50m
  136. 136

    Finding a Job with Charles Max Wood - AIA 404

    The host discusses a scheduling issue and upcoming plans, then introduces a course on getting a job in tech.

    Feb 8, 2024·43m
  137. 137

    Building A Component Library with Thomas Pink & Fabian Friedl - AiA 403

    A panel discussion on building design systems using Angular, featuring guest developers sharing their experiences.

    Jan 25, 2024·50m
  138. 138

    Power Up Angular with RXjs with Armen Vardanyan - AiA 402

    An interview with a senior front-end developer about his experience with Angular, from its beta to current version.

    Jan 18, 2024·57m
  139. 139

    Working with Google Maps on Angular with Katerina Skroumpelou - AiA 401

    A weekly discussion about building top-end Angular applications, featuring interviews with experts and panel discussions.

    Jan 11, 2024·49m
  140. 140

    Amazing Backends for Angular Devs with NestJS with Ely Lucas - AiA 400

    Jan 4, 2024·43m
  141. 141

    Signal-Based Stores in NgRx v17 - AiA 399

    Dec 21, 2023·55m
  142. 142

    Migrating to New Angular Features - AiA 398

    Dec 14, 2023·50m
  143. 143

    Server-Side Rendering in Angular 17 - AiA 397

    Dec 7, 2023·45m
  144. 144

    What's New in Angular v17 - AiA 396

    Nov 30, 2023·44m
  145. 145

    Go Faster with these Angular Utility Libraries - AiA 395

    Nov 23, 2023·1h 6m
  146. 146

    Documenting your Codebase with Compodoc - AiA 394

    Nov 9, 2023·44m
  147. 147

    UI Libraries, Buy or Build? - AiA 393

    Oct 19, 2023·49m
  148. 148

    Enterprise Applications with Angular - AiA 392

    This episode discusses building enterprise applications with Angular, featuring an expert guest author of Angular for Enterprise books.

    Sep 28, 2023·1h 12m
  149. 149

    Angular Performance with Christian Liebel - AiA 391

    A panel discussion with a guest about Angular development and related tools.

    Sep 21, 2023·55m
  150. 150

    The Evolution of JavaScript - AiA 390

    Sep 14, 2023·45m