The Angular Plus Show

Lara and Jennifer talk to Zack Jackson about the creation of Module Federation and its place in the Micro Frontend landscape. Zack explains the benefits of Federated Modules, the need for code splitting, concerns with deploying micro frontend dependencies and more. Zack schools Jennifer on Webpack basics like plugins vs. loaders, and explains how to navigate Webpack's expansive API surface. Jennifer & Lara ask about Zack's journey to creating Module Federation and his learnings along the way. Zack shares key concepts to getting started with Module Federation and resources to help developers get startedFor Module Federation blogs and more: https://scriptedalchemy.medium.com/For more on Zack Jackson: https://twitter.com/ScriptedAlchemyFollow 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 our second installment on Microfrontend (MFE) Architecture with Angular Joel Denning, the founder and core contributor for Single SPA teaches Jennifer and Brian the approach to building MFEs with Single SPA. Joel gives us a brief introduction to Single SPA and how it came about, along with the challenges he was trying to solve at the time. We also learn from Joel a few strategies for sharing dependencies, such as module federation or SystemJS.The biggest takeaway from this episode is that MFE architecture requires independent deployments. That means you should be able to deploy a single SPA without having to deploy all applications in the MFE. Of course, there are other opportunities to tackle when building an MFE, including server rendering, sharing dependencies, and sharing components that we discuss.Part 2 of our series on MFEs is jam-packed with knowledge as well as tips and tricks for tackling the complexities of building at scale with microfrontends.https://twitter.com/JoelbdenningFollow 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 do you decide if your project or company should go with Micro Frontends Approach? Understanding how these concepts scale is crucial at an enterprise level. In this episode, we chat with Luca Mezzalira, who has tackled this very question with numerous teams and sheds some light on how to think about the architectural considerations and distributed systems in general. https://lucamezzalira.com/https://www.buildingmicrofrontends.com/https://www.oreilly.com/pub/au/4426https://twitter.com/lucamezzaliraFollow 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

Since the beginning of Angular, Joe Eames has been an integral part of teaching millions of new developers through his courses on Pluralsight and his Angular conference, ng-conf. In this episode, we talk with Joe about effective strategies to learn new skills, retain knowledge, and the importance of immersion and community and their impact on career growth. ng-conf.org info@ng-conf.org @josepheameshttps://app.pluralsight.com/profile/author/joe-eamesFollow 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 Plus Show, we talk with Nrwl CEO Jeff Cross about code organization, monorepos, multi-repos, and how build tools like NX, Lerna, and TurboRepo are shaping the future of app development.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

And we're back! Enjoy some great laughs in this special episode of The Angular PLUS Show as your Hosts recount the struggles and successes they faced along their journeys to becoming the Developers they are today. Find us on Twitter!The Angular Plus Show @AngularShowJennifer Wadella @likeOMGitsFEDAYNicole Oliver @nixcodesLara Newsom @LaraNerdsomBrain 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

As promised, the Angular team dropped version 13 on November 3rd, and the Angular Show got the chance to talk to Angular Dev Rel team member Emma Twersky about the anticipated release. In this episode Emma tells Aaron and Jennifer about some awesome new Angular team members and their contributions, including Sarah Dranser joining Google as Director of Engineering for Core Web. There’s a quick fangirl/fanboy session over what a fantastic manager and mindful engineer Sarah is and the resources she provides to the community. They touched on the highly anticipated form typing changes coming and the Angular team’s RFC process that allows community members to give feedback on features before they’re completed. Emma highlights awesome community contributions that made it into the Angular 13 release - restoring history after navigation, enabling/disabling validators dynamically, Service Worker API updates, and Router Outlet now emitting activate/deactivate events.Emma also walks Jennifer and Aaron through more new features like the simplified ViewContainerRef API, even better error messaging, accessibility improvements for Angular Material components, and tooling improvements with persistent build caching.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

Debugging is an art. Do you console.log? Or do you rely on breakpoints and debugger statements? All of the above? What about dealing with Angular's most ~~joyful~~ painful bug `ExpressionChangedAfterItHasBeenCheckedError`? We had the opportunity to spend some time with an expert at Angular Debugging. Abdella Ali is a Solutions Architect at Rangle.io. Abdella (who also goes by "della") has been involved in the Angular community for almost 8 years and even attended the very first ng-conf. We should also mention that Rangle has been a longtime supporter of ng-conf and the Angular community.Jennifer Wadella and Brian F Love learned some of Abdella's favorite techniques for debugging Angular applications; including removing complexities, isolating components, and using code sandboxes. Abdella also dropped some knowledge on debugging RxJS and asynchronous code in Angular. While Brian suggested you just use Observable.toPromise(), apparently that's not Abdella's approach.Debugging can be challenging, but having a few tricks up your sleeve and some good tools sure can make it easier, and perhaps even, a bit of fun. Join us as we learn from Abdella about debugging Angular applications.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

Got Angular.js code? Yeah, a lot of us do. It's cool. For many organizations, there is a lot of Angular.js out there that has been working well for years, and let's be honest, will probably continue to provide value to the organization for years to come. You have probably also heard that Longterm Support from the Angular Team at Google for Angular.js (v1 folks, not v2+) is ending on December 31, 2021. So what are we to do? And, perhaps the bigger question is, what if we have an SLA with our customers that require that we ship supported software?Enter XLTS - Extended Longterm Support for Angular. The team at XLTS.dev have you covered. They will continue to provide long-term support for Angular.js after the dreaded date of December 31, 2021. Phew!!The Angular Show had the opportunity to spend some time with Michael Prentice, a partner at XLTS.dev, along with our beloved Aaron Frost (better known as Frosty) who is also a partner with XLTS.dev, to learn about the beginnings of their service, what they are providing to the Angular community, and how it works. The short story is that the team at XLTS will provide you with a supported forked version of Angular on January 1, 2022. This fork will ensure that you can continue to ship apps that have a dependency on Angular.js (again v1 not v2+) with confidence for years to come.While we may want to eventually upgrade that app from Angular.js to Angular, we don't have to stress about finishing that daunting project in time for LTS. So, go ahead, book that family vacation this Christmas, and go check out xlts.dev to get extended long-term support for your organization's Angular.js apps.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

Angular + Ionic = ❤️In this episode of the Angular Show, we had the opportunity to sit down and chat with Max Lynch, the co-founder of Ionic. If you haven't heard of Ionic, it's a set of components for rendering native controls on iOS and Android that enables web developers to build apps that are executed on phones and tablets that include core native device functionality. As web developers we are really good at creating applications that use a template (HTML) that is styled (CSS) and is dynamic and interactive (JS). If you think about it, that sounds like a lot of the apps that are available in Google Play and the App Store. Further, as Max points out, it's really about using the GPU to render bitmaps to the screen, which a webview is more than capable of doing. So, why not create the apps of today and the future using a stack like Angular and Ionic? In this episode, Max shares the history of how they got started with Ionic, from rebuilding Cordova and PhoneGap, to solving the developer experience using new tooling, building the component view library, and Capacitor, an open-source cross-platform native bridge built and supported by the Ionic team.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