The Angular Plus Show

Have you ever thought about moving into a leadership role? It can sound a bit daunting, perhaps scary, but also exciting. The idea of putting your hand to the wheel and directing the ship can be thrilling. Leading a team of individuals is a prospect that many people dream of.The Angular Show had an opportunity to sit down with Sam Julien, Director of Developer Relations at Auth0, to discuss his move from engineer, to DevRel, to Director of DevRel. Sam shares how he first learned that his passion was DevRel and then how he grew into a leader. Sam shares some great resources that he has used to learn the skills necessary to be an effective and compassionate leader of his team. He also shares some of the struggles and hurdles that he has faced on his journey.Grab your iced, double-shot, oat milk latte and join Aaron Frost, Jeniffer Wadella, and Brian Love as they chat with Sam about his journey. We also recognize that not everyone is passionate about leadership. That's cool - much respect. In fact, many organizations now have engineering-specific growth opportunities that prevent forcing people into leadership and management in order to gain increased visibility, compensation, and influence in an organization. Our hope is that this episode of the Angular Show will inspire the future leaders of tomorrow to step into the role of leadership if that is their passion.Follow us on X:@DevLifePodcastThe DevLIfe Podcast  is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.JoinAttendXBluesky        ReadWatchStock media provided by JUQBOXMUSIC/ Pond5

This episode of the Angular Show features Sara Faatz, who leads the Telerik and KenoUI Developer Relations team at Progress, and Alyssa Nicoll, an Angular Developer Advocate & Google Developers Expert in Angular. Sara and Alyssa share with the panelists their respective journeys into the dev industry and how they ended up together on the Developer Relations team at Progress.You have likely heard of DevRel. It's the elite special forces coders that fly around the world and speak at conferences, have platinum Delta status, and sip on Champagne in the hallway track, right? Not exactly.Developer Relations is a relatively new career that has evolved over time into what it is today. Sara and Alyssa teach us about what DevRel is _really_ about, how much they love it, but also some of the pain points and challenges. Sara and Alyssa are part of an amazing team at Progress and enjoy sharing their passion for the web and KenoUI with front-end developers. In the end, Sara and Alyssa believe in the "human side of development"; sitting down with developers to understand what they need, the tools they use, and what can help improve their careers and lives.Follow us on X:@DevLifePodcastThe DevLIfe Podcast  is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.JoinAttendXBluesky        ReadWatchStock media provided by JUQBOXMUSIC/ Pond5

Show Summary:We're back from our summer break and we're releasing a fresh episode of The Angular Show with a special guest, Mike Ryan, a Principal Architect with LiveLoveApp. Mike is a co-creator and member of the NgRx core team, a contributor to open-source, and a Google Developer Expert in Angular. Mike joins our panelists Aaron Frosts, Jennifer Wadella, and Brian Love, to chat about NgRx Effects best practices.NgRx is the defacto standard state management solution for Angular. While the core state module is highly inspired by Redux, the Effects library is unique to NgRx, and one of the best features of NgRx (in our humble opinion). NgRx Effects enable developers to perform side effects, like fetching data from an API, in an elegant and efficient manner. But, effects can also be tricky, hard to test, and sometimes it's not clear what RxJS operator is best suited for an effect.In this episode, we learn from Mike the best practices of using NgRx Effects, how to make them simpler, more maintainable, and easier to test. Plus, there are a handful of simple tips that you can walk away with and immediately improve the performance of your Angular application that is using NgRx Effects. Plus, if you've ever been unsure about which higher-order mapping operator (ya know, those somethingMap() ones) to use with an effect, Mike will break it all down for you in a straightforward way. This is an episode of The Angular Show that you do _not_ want to miss.Show Notes:- LiveLoveApp: https://liveloveapp.com- observer-spy library: https://github.com/hirezio/observer-spy- NgRx Effects: https://ngrx.io/guide/effectsFollow us on X:@DevLifePodcastThe DevLIfe Podcast  is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.JoinAttendXBluesky        ReadWatchStock media provided by JUQBOXMUSIC/ Pond5

In this episode of the Angular Show, the panelists (Aaron, Brian, and Jennifer) have the esteemed privilege to be chat with Misko Hevery. In case you haven't heard, Misko is the creator (and sometimes lovingly referred to as the father) of Angular. Misko has spent the last 16 years building Angular at Google, and we have much to thank him and the team for. For some of us, we make a living from teaching, writing, speaking, and coding with Angular. We cannot thank Misko and the entire Angular Team enough!Now, don't get your feathers ruffled - Misko recently transitioned from the Angular team at Google to join the Builder.io team that is building (pun intended) Qwik - a DOM-Centric, resumable web-app framework. Does this mean that Angular is doomed? No, definitely not. This means that Misko continues to pioneer in the land of the web.What is Qwik and how is this framework any different than Angular (or Vue or React)? Join us as we learn about Qwik with Misko Hevery!Show notes:https://github.com/builderio/qwikFollow us on X:@DevLifePodcastThe DevLIfe Podcast  is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.JoinAttendXBluesky        ReadWatchStock media provided by JUQBOXMUSIC/ Pond5

Internationalization (i18n) and localization (l10n) can be critical for Angular applications that are used throughout a country, continent, or around the globe. As Angular developers, we have several tools at our disposal to accomplish i18n and l10n. As you might expect, since Angular is an opinionated framework that comes with batteries included, there is a solution provided by the Angular Team. We recently sat down with Kaitlyn Ekdahl to learn about the built-in solution to i18n provided by Angular. Kaitlyn taught us how to get started, some of the recent improvements, as well as the pros and cons of this solution. We also briefly mentioned that there are a few open-source community-led efforts at solving i18n with Angular, such as ngx-translate and Transloco.As engineers, the panelists for the Angular Show (Aaron, Jennifer and Brian) are always curious. We want to learn more, and we endeavor to share our learnings with you! We were excited to learn more about Transloco from Inbal Sinai, a member of the ngneat team, and a Senior Front End Developer at Datorama Salesforce. Inbal shares with us how Transloco works, how easy it is to use, and some of the runtime advantages that Transloco provides. Transloco also makes it easy to get started using the provided `ng add` command. And, if you're currently using Angular's i18n library, Transloco has documentation on how you can easily switch. Oh, did we mention docs? Yeah, they have that covered too (and quite well we might add).If you are considering supporting i18n and l10n in your Angular application we recommend you listen to this episode of the Angular Show, check out Transloco, and don't forget to subscribe so you can go back and listen to the show we did with Kaitlyn to learn about Angular's localization library.Show Notes:https://ngneat.github.io/translocoConnect with us:Inbal Sinai - @SinaiInbalBrian F Love - @brian_loveJennifer Wadella - @likeOMGitsFEDAYFollow us on X:@DevLifePodcastThe DevLIfe Podcast  is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.JoinAttendXBluesky        ReadWatchStock media provided by JUQBOXMUSIC/ Pond5

Angular is more than a JavaScript framework, it's a community of caring people who use Angular to build and deploy amazing products and solutions that enrich lives and improve organizational pursuits. For many of us, the community is more important than the technology. Sure, Angular is awesome, but not as awesome as you the community!So how can we connect as a community? We can connect, engage and learn through conferences, meetups, blogs, podcasts, and now, the new(ish) Angular Discord. The Angular Discord server is a free and safe way for you to connect with the Angular community, ask questions, and learn from others.If you haven't used Discord before, it's a bit like slack, or other chat messaging services. There are channels that range from questions and discussions about Angular, community topics and events, libraries and technologies, meetups, and more. You can connect with library authors and contributors, people in your local area, and people that speak your language.In this episode of the Angular Show, we get to hang out with Stephen Cavaliere from leading agile, and Rob Gant from LearnLux, who are a few of the moderators and people behind the Angular Discord. Stephen and Rob share with us about how the Discord server was started, why it exists, how to join, and some of their future hopes and plans.You can join the Angular Discord for free at discord.ng.show. It's free, safe, and inclusive.Connect with us:Stephen Cavaliere - @SteveCavaliereBrian F Love - @brian_loveJennifer Wadella - @likeOMGitsFEDAYAaron Frost - @aaronfrostFollow us on X:@DevLifePodcastThe DevLIfe Podcast  is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.JoinAttendXBluesky        ReadWatchStock media provided by JUQBOXMUSIC/ Pond5

Single Page Applications (SPA) have many advantages, including increased interactivity, responsiveness, and user experience. However, a SPA often requires sending large chunks of JavaScript code to the client. This code must be downloaded and parsed by the client, not to mention the execution time required. There are many strategies to achieve a highly performant single-page application. One of the most commonly used strategies is to lazy-load as much of the application as possible. It's likely that the client does _not_ need the entire application's code upfront, rather, we can deliver a minimal amount of code to the client to bootstrap the application. We can then either prefetch and preload the remaining chunks or wait until the user interacts with a specific feature or module of our application, and then fetch and load the JavaScript that is necessary to render and execute.As Angular developers, you are likely familiar with the built-in router's ability to lazy load child modules via routing. This is a big win for all of us. But, what if you could dynamically load modules and components at runtime? The Angular Show panelists (Aaron, Jennifer, and Brian) sat down with Jay Cooper Bell to learn more about this solution and the approach that he has used. Jay is the CTO and co-founder of Trellis, a fundraising platform for non-profit organizations, and a frequent contributor and speaker in the Angular community. Jay, and the team at Trellis, created rx-dynamic-component, an open-source library that enables Angular developers to dynamically load and mount a component at runtime using RxJS Observables. Jay teaches us about what he learned building the library along with the advantages of lazy-loading components using an Observable's next notification as the observer.Don't forget to subscribe so you can continue to hang out with the Angular Show panelists as we learn from the Angular community!Show Notes:rx-dynamic-component source code:https://github.com/trellisorg/platform/tree/master/packages/rx-dynamic-component rx-dynamic-component demo:https://github.com/trellisorg/platform/tree/master/apps/rx-dynamic-component-demo https://blog.angular.io/ivys-internal-data-structures-f410509c7480Video about Memory Management: https://www.youtube.com/watch?v=Zs-d6_FPfMY&t=1sArticle: https://www.nytimes.com/interactive/2021/05/24/us/tulsa-race-massacre.htmlConnect with us:Jay Bell - @JayCooperBellBrian F Love - @brian_loveJennifer Wadella - @likeOMGitsFEDAYAaron Frost - @aaronfrostFollow us on X:@DevLifePodcastThe DevLIfe Podcast  is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.JoinAttendXBluesky        ReadWatchStock media provided by JUQBOXMUSIC/ Pond5

How long does it take to build your application? When you build your application are you rebuilding the entire universe, or are you using incremental build caching? For some applications, build times are perfectly acceptable, and there are no major complexities around building the application. For others, the build time is unacceptable, is impacting the developer experience, and perhaps most importantly, it is causing your organization money. So, what is your organization to do?There are a few organizations that manage development scale at the largest level, and one of those organizations is Google. All source code at Google is part of the google3 monolithic repository, and further, building applications can be complex. Google set out to solve this problem and built Blaze, and then released Bazel as an open-source project in 2015. In this show, we learned from Zack Gray, from Flare.build, about how Bazel is an automated tool for building and testing. Bazel is language and framework agnostic, meaning, it can be used to build and test not just TypeScript and JavaScript, but any language. Further, Bazel leverages parallelization, enabling the tool to build multiple aspects/modules of your application simultaneously. This also leads to building and testing across many machines. Finally, Bazel is smart enough to only build the artifacts that need to be re-built. This leads to incredible performance and reliability.If Blaze sounds like a potential solution for you, then this is an episode of the Angular Show that you will want to listen to. Finally, if you need help with building, running, configuring, and extending Blaze, then be sure to reach out to Zach and the team at Flare.build.Connect with us:Zach Gray - @zachgray_ioBrian F Love - @brian_loveJennifer Wadella - @likeOMGitsFEDAYAaron Frost - @aaronfrostFollow us on X:@DevLifePodcastThe DevLIfe Podcast  is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.JoinAttendXBluesky        ReadWatchStock media provided by JUQBOXMUSIC/ Pond5

Have you heard of Stackblitz? If not, have you ever clicked the button in the Angular docs to launch a demo of the code and you are instantly transported into an environment that is running the Angular code alongside a slick code editor that resembles VS Code? We're going to assume that you answered yes to both of these questions. If not, go check out stackblitz.com and start-up an Angular application to see just how fast and easy it is to create a demo application running in the browser. Stackblitz is building incredible tooling for developers to use in the context of the browser, and to do so, they are pushing the envelope of building a web application. So, how do they do it?In this episode of the Angular Show, we are thrilled to sit down with Eric Simons, the co-founder, and CEO of Stackblitz to discuss the future of JavaScript and to learn how the team at Stackblitz is building an OS in the browser. Crazy - we know! Join the panelists as they ask Eric just how they are going about this. As you might guess, they are leveraging web APIs that some of us have probably never touched, like WebAssembly, to accomplish this task.What is the future of JavaScript? None of us know for sure, but we can take a look at cutting-edge solutions like Stackblitz to get a glimpse into what the future might look like.Show notes:https://www.chromium.org/teams/web-capabilities-fuguhttps://stackblitz.com/v2Connect with us:Eric Simons - @ericsimons40Aaron Frost - @aaronfrostBrian F Love - @brian_loveJennifer Wadella - @likeOMGitsFEDAYFollow us on X:@DevLifePodcastThe DevLIfe Podcast  is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.JoinAttendXBluesky        ReadWatchStock media provided by JUQBOXMUSIC/ Pond5

Internationalization (i18n) and localization (l10n) can be critical for Angular applications that are used throughout a country, continent, or around the globe. As Angular developers, we have several tools at our disposal to accomplish i18n and l10n. As you might expect, since Angular is an opinionated framework that comes with batteries included, there is a solution provided by the Angular Team. What you might know is that the Angular Team made some big improvements in the localize package when Ivy, the new compilation and rendering pipeline for Angular that was released in version 9, was released that improves the development of Angular applications that support i18n and l10n. There are also a few community-driven open-source solutions for i18n with Angular, including Transloco and ngx-translate. With all of these options, which one should you choose?Thankfully, as loyal subscribers and listeners to this very podcast, we want to help you make an informed decision. And to do that, as usual, we turn to an expert in the community. Please welcome, Kaitlyn Ekdahl, a Senior Software Engineer at Narwhal Technologies, to the Angular Show to teach us about i18n and l10n with Angular. Kaitlyn shares her experience and in-depth knowledge of using Angular's localize solution, Transloco, and ngx-translate. We discuss the pros and cons, and why you might choose one over the other.Whether or not your current Angular applications require i18n and l10 today, this is an episode of the Angular Show that you do not want to miss. Share this with your colleagues and other Angular developers so that we the community can be educated, informed, and ready to build applications that can be used throughout our communities and throughout the world.Show Notes:i18n vs l10n - https://blog.mozilla.org/l10n/2011/12/14/i18n-vs-l10n-whats-the-diff/Locl - https://www.locl.app/Introducing Transloco - https://netbasal.com/introducing-transloco-angular-internationalization-done-right-54710337630cRuntime i18n with Ivy by Olivier Comb: https://www.youtube.com/watch?v=miG-ghJhFPcAngular Athens: https://www.meetup.com/Angular-Athens/events/277017190/Connect with us:Kaitlyn Ekdahl - @kaitlynekdahlAaron Frost - @aaronfrostBrian F Love - @brian_loveFollow us on X:@DevLifePodcastThe DevLIfe Podcast  is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.JoinAttendXBluesky        ReadWatchStock media provided by JUQBOXMUSIC/ Pond5