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

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.PicksAlyssa - Watch Harry Potter movies when its Fall Alyssa - Goldberg Zweigelt from Austria 2014Brooks - Merkur 34C Heavy Duty Safety RazorBrooks - The Addams FamilyChris - http://brewdog.com/Chris - http://nakedwines.com/Brad - Craft BeerBrad - Doing Things That You Should Have Done 20 Years AgoBecome 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.LinksNew possibilities with Angular's push pipe - Part 1Twitter: Michael Rx Hladky ( @Michael_Hladky )PicksCharles- Psycho-CyberneticsCharles- Focus BlocksMichael- Learn to dance and singMichael- Book his performance auditsSubrat- 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.LinksFirebase + NGXS, the perfect coupleNGXS loading spinners and actions executingGitHub | ngxs-labs/action-lifecycle-hooksGitHub | ngxs-labs/firestore-pluginGitHub | angular/angularfireTwitter: joaquin cid ( @joaqcid )PicksCharles- Who Not HowCharles- As a Man ThinkethJoaquin- Newell's Old BoysJoaquin- NGXSRichard-  Chania, Crete, Greece Richard- My team (Dodo) from Optimal SystemsRichard- Building Performance Optimized Web Apps with Angular and Firebase - YouTubeSubrat- NestJSSubrat- 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.LinksMastering RxJS Operators in Angular: The Top 17 OperatorsSocialsLinkedIn: Jason AkbarBecome 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.Linkshttps://azure.microsoft.com/en-in/services/cognitive-serviceshttps://tic-tac-toe-d9068.firebaseapp.com/https://bookcart.azurewebsites.net/https://azure.microsoft.com/en-in/services/cognitive-servicesHow To Create A Multi-Language Translator Using Angular And Azure Cognitive Serviceshttps://azure.microsoft.com/en-in/services/cognitive-services/face/#demohttps://ankitsharmablogs.com/https://www.c-sharpcorner.com/ebooks/build-a-full-stack-web-application-using-angular-and-firebasePicks Brooks - Cover face AND noseAnkit - TEACH: share your knowledgeBecome 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.PicksArmen- Frank Herbert's Dune Saga 6-Book Boxed Set Charles- The Way of Kings: The Stormlight Archive, Book 1Charles- Words of Radiance: The Stormlight Archive, Book 2Charles- Oathbringer: Book Three of the Stormlight ArchiveCharles- 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.LinksYou might not need NgRx | Mike Ryan | AngularConnect 2018Subjecting State to Good Behavior | Kim MaidaPicksAlyssa  - Oculus Quest HeadsetEddie - Sentry.ioEddie - Notion.soChris - Pokémon™ SwordRavi  - veliyat.comRavi  - https://www.youtube.com/c/raviVeliyatBecome 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.LinksAngular Component ExtractorPhilipp Kief - MediumPhilipp KiefTwitter: Philipp Kief ( @PhilippKief )PicksCharles- Level Up | Devchat.tvCharles- PodcastBootcamp.ioCharles- The ChosenPhilipp- Web-based editorRichard- Material Icon ThemeSubrat- Start with Why: How Great Leaders Inspire Everyone to Take ActionBecome 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.LinksAngular elements overviewmanfredsteyer/ngx-build-plusWeb Components in ActionStencilWeb Componentsweb-component-testerCan I use...Custom Elements EverywhereDyois it canceled yet?PicksCharles - Step-by-Step Angular Routing by Nishu GoelCharles - The Masked SingerCharles - Expert SecretsChris - Rhod Gilbert Clips on YoutubeBrooks  - Capacitor: Universal Web ApplicationsEddie - NestJSEddie - Sunlight and Warm WeatherNishu - Follow Nishu on Twitter > @DcoustawilsonNishu - WebAssemblyNishu - WASM gameNishu - Playing with rabbitsBecome 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.Linkshttps://pptr.devLighthouse - Using the node cliJS VidConPicksGil - Follow Gil on Twitter > @gilfinkGil - Wokwi https://github.com/wokwi/wokwi-elementsGil - Star Wars The Clone WarsAlyssa - BundleSize.dev - Analyze and Benchmark your JavaScript and TypeScriptShai - FREE WORKSHOP - The Roadmap to Angular Testing MasteryShai - https://www.ng-conf.orgYounes  - Reactive Extensions for AngularChris - EeroChris  - @GrumpySkeletorBrooks  - LoopBack 4Eddie  - Animal CrossingBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.