Adventures in Angular

In this episode of Adventures in Angular, Brad McAlister joins our regular panelists: Alyssa, Chris, and Brooks! Brad walks us through his work of transitioning into an Annex Monorepo and how working with Angular Elements in conjunction has been going. Brad also breaks down what StoryBook is and how it has helped him in his workflows.


Picks

• Alyssa - Watch Harry Potter movies when its Fall 
• Alyssa - Goldberg Zweigelt from Austria 2014
• Brooks - Merkur 34C Heavy Duty Safety Razor
• Brooks - The Addams Family
• Chris - http://brewdog.com/
• Chris - http://nakedwines.com/
• Brad - Craft Beer
• Brad - Doing Things That You Should Have Done 20 Years Ago

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Michael Hladky joins the adventure to discuss how he's gotten a 60% performance increase using push pipe and related techniques.
Many developers can get by without this technology, but Michael explains how to pull the push pipe into your code and what that looks like compared to Zone.js and the default stack in Angular.


Links

• New possibilities with Angular's push pipe - Part 1
• Twitter: Michael Rx Hladky ( @Michael_Hladky )

Picks

• Charles- Psycho-Cybernetics
• Charles- Focus Blocks
• Michael- Learn to dance and sing
• Michael- Book his performance audits
• Subrat- The 5 AM Club: Own Your Morning. Elevate Your Life.

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Joaquin Cid is an Argentinian developer who has built a plugin for NGXS state library that allows developers to connect to Firebase and have their queries automatically import into NGXS. Further, it also allows them to define actions that will update their datastore when triggered.
 The new Adventures in Angular panel dives into the ins and outs of using NGXS and Firebase to build rich applications with Angular and these technologies.

Links

• Firebase + NGXS, the perfect couple
• NGXS loading spinners and actions executing
• GitHub | ngxs-labs/action-lifecycle-hooks
• GitHub | ngxs-labs/firestore-plugin
• GitHub | angular/angularfire
• Twitter: joaquin cid ( @joaqcid )

Picks

• Charles- Who Not How
• Charles- As a Man Thinketh
• Joaquin- Newell's Old Boys
• Joaquin- NGXS
• Richard-  Chania, Crete, Greece 
• Richard- My team (Dodo) from Optimal Systems
• Richard- Building Performance Optimized Web Apps with Angular and Firebase - YouTube
• Subrat- NestJS
• Subrat- Lucifer 

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

In today's episode, Lucas is joined by Jason Akbar, a full-stack software engineer who’s got a knack for front-end development. He recently penned some intriguing articles on Medium about RxJS operators. He will reveal what motivated him to write about RxJS operators, especially focusing on the top 17 operators that every Angular developer should know. They will break down each of these operators—like the map, filter, and debounce time—and discuss how they can streamline your Angular development. Jason will also touch on some of the lesser-known but incredibly useful operators like concat and merge, providing real-world examples of where these can come in handy.
Whether you’re navigating your way through Angular or looking to refine your skills, this episode is packed with nuggets of wisdom that you won't want to miss. Jason also has some tips on where you can find additional resources to master RxJS.


Links

• Mastering RxJS Operators in Angular: The Top 17 Operators

Socials

• LinkedIn: Jason Akbar

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Ankit Sharma, an Angular GDE and author, joins us in this episode of Adventures in Angular to talk about using Azure cognitive services with Angular.


Links

• https://azure.microsoft.com/en-in/services/cognitive-services
• https://tic-tac-toe-d9068.firebaseapp.com/
• https://bookcart.azurewebsites.net/
• https://azure.microsoft.com/en-in/services/cognitive-services
• How To Create A Multi-Language Translator Using Angular And Azure Cognitive Services
• https://azure.microsoft.com/en-in/services/cognitive-services/face/#demo
• https://ankitsharmablogs.com/
• https://www.c-sharpcorner.com/ebooks/build-a-full-stack-web-application-using-angular-and-firebase

Picks 

• Brooks - Cover face AND nose
• Ankit - TEACH: share your knowledge

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Armen Vardanyan is an Armenian Angular developer who works extensively with both angular and RXjs. He walks Chuck through the ins and outs of how he uses RXjs to expand the functionality of his Angular applications and how to think about observables in general.

Picks

• Armen- Frank Herbert's Dune Saga 6-Book Boxed Set 
• Charles- The Way of Kings: The Stormlight Archive, Book 1
• Charles- Words of Radiance: The Stormlight Archive, Book 2
• Charles- Oathbringer: Book Three of the Stormlight Archive
• Charles- Rhythm of War: Book Four of The Stormlight Archive  

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Ravi Veliyat helps train people in many web technologies, Angular being one of them. The panel discusses the various ways you can get your components to communicate, from inputs and outputs all the way up to NgRx. Ravi walks through the different options, with great examples that will keep you on the edge of your headphones.

Links

• You might not need NgRx | Mike Ryan | AngularConnect 2018
• Subjecting State to Good Behavior | Kim Maida

Picks

• Alyssa  - Oculus Quest Headset
• Eddie - Sentry.io
• Eddie - Notion.so
• Chris - Pokémon™ Sword
• Ravi  - veliyat.com
• Ravi  - https://www.youtube.com/c/raviVeliyat

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Philipp Kief is a German developer who walks through how to manage and capture errors in your Angular application and how to display them to users.
He discusses how he standardized error handlers in his applications and what he does to make sure that they get logged someplace.


Links

• Angular Component Extractor
• Philipp Kief - Medium
• Philipp Kief
• Twitter: Philipp Kief ( @PhilippKief )

Picks

• Charles- Level Up | Devchat.tv
• Charles- PodcastBootcamp.io
• Charles- The Chosen
• Philipp- Web-based editor
• Richard- Material Icon Theme
• Subrat- Start with Why: How Great Leaders Inspire Everyone to Take Action

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Nishu Goel joins the Adventure to talk about how Web Components can be used in Angular applications and how to use them to share functionality across multiple applications written in different frameworks. We also dive into how web components are used and compatibility across browsers.

Links

• Angular elements overview
• manfredsteyer/ngx-build-plus
• Web Components in Action
• Stencil
• Web Components
• web-component-tester
• Can I use...
• Custom Elements Everywhere
• Dyo
• is it canceled yet?

Picks

• Charles - Step-by-Step Angular Routing by Nishu Goel
• Charles - The Masked Singer
• Charles - Expert Secrets
• Chris - Rhod Gilbert Clips on Youtube
• Brooks  - Capacitor: Universal Web Applications
• Eddie - NestJS
• Eddie - Sunlight and Warm Weather
• Nishu - Follow Nishu on Twitter > @Dcoustawilson
• Nishu - WebAssembly
• Nishu - WASM game
• Nishu - Playing with rabbits

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

The illustrious and well-regarded Gil Fink joins the Adventures in Angular panel to talk about profiling your Angular apps. Profiling consists of finding bottlenecks, and memory leaks among other problems within your application. Most of the time, the problems are hard to see from the development side. Usually, they appear when your user uses a device that is slow or a connection that is faulty. Gil explains how to find and fix them.

Links

• https://pptr.dev
• Lighthouse - Using the node cli
• JS VidCon

Picks

• Gil - Follow Gil on Twitter > @gilfink
• Gil - Wokwi https://github.com/wokwi/wokwi-elements
• Gil - Star Wars The Clone Wars
• Alyssa - BundleSize.dev - Analyze and Benchmark your JavaScript and TypeScript
• Shai - FREE WORKSHOP - The Roadmap to Angular Testing Mastery
• Shai - https://www.ng-conf.org
• Younes  - Reactive Extensions for Angular
• Chris - Eero
• Chris  - @GrumpySkeletor
• Brooks  - LoopBack 4
• Eddie  - Animal Crossing

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.