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.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.

In this episode, Lucas, Armen, and Subrat are joined by Luis Galeas, the CEO and founder of Ambar. Today's discussion dives into the fascinating world of event sourcing, exploring its intricacies in both front-end and back-end development.Event sourcing has emerged as a pivotal technique for managing the state by recording events that can rebuild the application state, bringing unique challenges and opportunities, especially on the back end where state persistence and scalability are critical. Luis shares his expertise on how Ambar's tools simplify event connections with minimal coding, the importance of efficient data transfer, and how event sourcing can transform state management.They also cover practical aspects like the technological components, system design, and implementation strategies for event sourcing, providing a comprehensive overview for developers keen on enhancing their applications. Lucas, Armen, and Subrat, alongside Luis, provide valuable insights and address common challenges, ensuring you walk away with actionable knowledge.To round things off, Luis introduces a free course offered by Ambar to dive deeper into event sourcing and discusses how gradual implementation can ease the transition for your development projects. Stay tuned for a deep dive into event sourcing's potential to revolutionize your approach to state management in both front-end and back-end technologies.SocialsLinkedIn: Luis P GaleasBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

In this episode of Adventures in Angular, Will Gant, author of Remote Work talks about working from home and working outside of the client's office. He and Brooks share their experience with working through the challenges, benefits, and methods of working remotely.PicksWill  - Follow Will's work on > www.simpleprogrammer.comBrooks - NGXSBrooks - Tiger KingBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

In this episode of Adventures in Angular the panel interviews Dave Cooper, who recently gave a talk at AngularConnect about using Mock Data. Dave starts by explaining more about his talk and sharing the benefits of using data mocking solutions and rapid prototyping. He shares the secrets of doing rapid prototyping.  There are challenges to using mock data, Dave shares a few of them and explains how to overcome them. The number one challenge of using mock data is keeping it in sync with your real data and making it look real.  Dave explains how to get started with mock data and shares library recommendations. The panel discusses the use cases for mock data and Dave walks them through a few scenarios for using mock data. He shares use case recommendations and discusses using mock data for testing.  The panel discusses the benefits of using mock data for demos and courses. The possibilities and future of mock data and pact testing are explored. Dave shares his coding process and explains how much faster he can code by using mock data. LinksMocking made easy | Dave Cooper |http://www.davecooper.org/https://twitter.com/davewritescodeshttps://www.facebook.com/adventuresinangularhttps://twitter.com/angularpodcastPicksShai  - TestAngular.comShai  - https://twitter.com/shai_reznik/status/1202293459207540737 Shai  - Angular 9: Getting Ready To Update to Angular 9 Dave  - https://www.npmjs.com/package/data-mocksDave - Dough: Simple Contemporary BreadYounes  - https://www.json-generator.com/ Younes - https://docs.pact.io/implementation_guides/javascriptCharles  - A Christmas StoryCharles - Holiday InnCharles  - White ChristmasCharles  - The Bishop’s WifeCharles  - Frozen 2Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Freddy Montes joins the adventure to discuss how he and his team manage state in their Angular components.Many development teams instinctively reach for a solution like ngrx when they're building their angular apps and start seeing complex state. However, there's a lot of boilerplate and it's often overkill for small to medium apps. Freddy talks about his journey into managing state for his components using observables and basic state libraries.LinksHow to manage component state in Angular using @ngrx/component-storePicksCharles- Premium Podcast Feeds | Devchat.tvCharles- Hiro.fmCharles- ThriveCartCharles- ZapierCharles- TrainingPeaksCharles- Built BarFreddy- Couch to 5K Runner Freddy- Weiser LockBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Have you ever thought how nice it'd be to write your apps for desktop and mobile alongside the web? Richard Sithole joins the adventure to discuss how to pull a desktop app and mobile app into your repo using electron and capacitor to extend the functionality to new platforms.It turns out that a single repo cross-platform app isn't a total pipe dream.LinksTwitter: Richard Sithole ( @sliqric )PicksCharles- RelationshipsCharles- monday.comCharles- LinkedInCharles- Hunter.ioCharles- Dev Influencers | Devchat.tvRichard- NVIDIA SHIELDRichard- How to write a great technical blog post by Sashko StubailoRichard- freeCodeCampRichard- inDepthDevRichard- WHAT WEB CAN DO TODAY?Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Dive deep into the latest trends and challenges in the development world. Lucas, Armen, and Subrat Mishra are joined by a special guest,  Rakia Ben Sassi, a Google Developer Expert in Angular. In this episode, they explore the complexities and potential benefits of adopting Zoneless Angular and discuss the critical updates in Angular 18, including improved composability for micro frontends and interoperability with other frameworks. They also cover the technical barriers and performance issues associated with Zone JS, and how its removal could significantly streamline your development process.They delve into the practical considerations for server-side rendering (SSR) and client-side rendering (CSR), offering a hybrid approach that could be beneficial for large applications. Rakia shares some fascinating use cases, including an e-commerce application example, to illustrate the real-world impact of choosing SSR versus CSR.They touch on the new features in the Angular Forms API, including a discussion on the new observable for form control events, and its relevance in complex applications.Finally, they wrap up with some promotional content, where Armen talks about his upcoming book "Modern Angular," Lucas highlights Top End Devs' tech podcasts, Rakia promotes her blog and video courses, and Subrat invites you to check out his YouTube channel.Social MediaUnvoidLinkedIn @unvoidweb https://www.linkedin.com/company/unvoidwebInstagram @unvoidweb https://www.instagram.com/unvoidwebLucas PaganiniYouTube @lucaspaganiniweb https://youtube.com/@lucaspaganiniwebLinkedIn @lucaspaganiniweb https://www.linkedin.com/in/lucaspaganiniwebTwitter @lucaspaganini https://twitter.com/LucasPaganiniInstagram @lucaspaganini https://www.instagram.com/lucaspaganiniArmen VardanyanLinkedIn https://www.linkedin.com/in/armen-vardanyan-am/Charles WoodLinkedin https://www.linkedin.com/in/charlesmaxwood/Subrat MishraLinkedIn: https://www.linkedin.com/in/subrat-k-mishra/Rakia Ben SassiLinkedIn: https://www.linkedin.com/in/rakiabensassi/Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Special guest, Vitalii Bobrov joins us to talk about accessibility on the web and how to relate it to user experience in general. What can we do to improve accessibility? How can we improve accessibility? Why should we even care about accessibility? Find the answers to these questions and much more on this very insightful episode of Adventures in Angular.Linkshttps://material.angular.io/cdk/a11y/overviewAxe Accessibility TestingPicksAlyssa  - CodeItLiveVitalii - JS RocksEddie - Swift UIEddie - AxeChris - Kingdoms of Amalur Re-ReckoningChris - EndeavourBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Alex Eagle is a Software Engineer on the core Angular team at Google. Alex and the panel talk about Bazel, a a free software tool that allows for the automation of building and testing of software.LinksAlex’s GitHubAlex’s TwitterAlex’s LinkedInBazelAngular and BazelJoin BazelBuild on Slack!PicksAaron - Axe ThrowingJennifer - Drama on the The Bachelor ( TV series)Joe - FIFA Women's World Cup France 2019Joe - Playing Dungeons & Dragons with Aaron FrostAlex - Firefly (TV Series 2002–2003) - IMDbBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Raul Jimenez, the CEO of Byte Default, answers the panels many questions on functional programming with NgRx. In this playful interview, Raul defines functional programming and what it is trying to solve. The panel discusses side effects using a Spiderman analogy. Raul shares the benefits of switching to and when to use NgRx. The importance of knowing RxJS in using NgRx is considered by the panel. The episode ends with an in-depth discussion on some the specifics of using NgRx for functional programming.Linkshttps://twitter.com/elecashhttps://www.facebook.com/adventuresinangularhttps://twitter.com/angularpodcastPicksShai - https://www.youtube.com/watch?v=B48Exq57ZgJoe - https://thinkster.io/tutorials/five-essential-lessons-for-typescript-competenceAaron - https://www.rxjs.live/Aaron - The Go-Giver, Expanded Edition: A Little Story About a Powerful Business Idea by Bob BurgRaul - https://app.quicktype.io/Raul - https://www.ag-grid.com/Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

In this episode of Adventures in Angular the panel interviews Tara Manicsic. Tara is an Angular Developer Experience Engineer at Netlify. Tara explains what she does at Netlify. She explains what Netlify is and introduces the topic for today’s episode, JAMstack. She explains what services Netlify offers and the packages they offer.  She explains that the JAM in JAMstack stands for JavaScript API Markup, which outlines the best practices of a JAMstack architecture. During her explanation of JAMstack and the benefits of a microservice architecture, she references Smashing Magazine and their switch to JAMstack.  Tara overviews each letter of JAM and how they affect JAMstack. J or Javascript refers to the use of a JavaScript language, like Angular and others. Tara lists the API’s one might use for the A in JAM. The panel discusses the M or Markup. Markup serves up fast and safe prerendered content. Tara explains what prerender means and it makes the content safer and the sites faster. Tara then overviews the entire JAMstack process and explains atomic deployment.  The panel considers how JAMstack is picking up in the Angular ecosystem. Tara outlines a few of the benefits seen when using JAMstack and the panel considers the possible use cases. She shares a few real-life examples of the success seen when JAMstack is used in an enterprise application. Linkshttps://www.netlify.com/https://www.facebook.com/adventuresinangularhttps://twitter.com/angularpodcastPicksBrian  - Living with YourselfShai - Angular Testing Tip — The Easiest Way To Start Your Test Shai - JokerTara - FleabagTara - Netlify Tutorial - How to build and deploy websites using NetlifyTara - https://www.ng-conf.org/2019/sessions/workshop-jamstack-from-i-dont-know-to-pro/Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.