Adventures In Angular

Michael Hladky rejoins the Adventure to have more discussions around performance and the push pipe. He jumps in and explains the let directive and leads into the other ways of managing changes in your Angular apps.PanelSani YusufSubrat MishraGuestMichael HladkySponsorsDev Influencers AcceleratorLinksTwitter: Michael Rx Hladky ( @Michael_Hladky )PicksSani- Angular.TrainingSani- The Psychology of MoneySubrat - Fun Of Heuristic - YouTubeContact Sani:Angular.TrainingSani YusufSani Yusuf – MediumTwitter: Sani Yusuf ( @saniyusuf )GitHub: Sani Yusuf ( saniyusuf )Contact Subrat:Fun Of Heuristic – YouTubeGitHub: Fun Of Heuristic ( funOfheuristic )Twitter: Subrat Kumar Mishra ( @subrat_msr )Special Guest: Michael Hladky. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Miroslav Jonas joins the Adventure to discuss how to make your applications work on different screen sizes within Angular.Sometimes, you can get away with media queries and responsive design, but in other cases you're better off removing elements from the DOM and only managing and reworking the elements that you care about for your media size.PanelCharles Max WoodSani YusufSubrat MishraGuestMiroslav JonasSponsorsDev Influencers AcceleratorRaygun | Click here to get started on your free 14-day trialLinksResponsive Angular ComponentsHow to cook with RxJS by Miroslav Jonaš | Armada JS 2019 - YouTubeGitHub | angular-component/routerGitHub | Greentube/localize-router#3 Angular Belgrade Meetup - Miroslav Jonaš and Marko StanimirovićAngular Routing Responsive DemoRecursiveRouterDemo - Miroslav JonašGitHub: Miroslav Jonaš ( meeroslav )Twitter: Miroslav Jonas ( @meeroslav )PicksCharles- The Ruthless Elimination of HurryCharles- Quiet TimeCharles- Focus BlocksMiroslav- nx confSubrat- The Psychology of MoneyContact Char

Jérémy Bardon joins the adventure to discuss how to reuse code in Angular. Specifically, the discussion covers reusable components and goes into improving code with them.PanelCharles Max WoodSubrat MishraGuestJérémy BardonSponsorsDev Influencers AcceleratorLinksLearn advanced Angular features: build the Material treeAdvanced Angular: Implementing a Reusable Autocomplete ComponentAgnostic components in AngularGoing Renderless in Angular: All of the Functionality, None of the RenderAiA 307: What to Expect in Angular 12 with Emma Twersky | Devchat.tvBlog | Jérémy BardonTwitter: Jérémy Bardon ( @jbardonz )PicksCharles- Dances with WolvesCharles- Atlas Shrugged Charles- The Ruthless Elimination of HurryJérémy Bardon- GeocachingSubrat- GitHub CopilotContact Charles:Devchat.tvDevChat.tv | FacebookTwitter: DevChat.tv ( @devchattv )Contact Subrat:Fun Of Heuristic – YouTubeGitHub: Fun Of Heuristic ( funOfheuristic )Twitter: Subrat Kumar Mishra ( @subrat_msr )Special Guest: Jérémy Bardon. Advertising Inquiries: https:

Stephen Cooper joins the Adventure to discuss the ngTemplateOutlet, how it's used and where you'd add it to your application.It allows you to put a template into place where you have the outlet so you can specify what to put into the spot you have the template in and then specify the variables that it uses. This allows you to have a custom template for a specific item.PanelCharles Max WoodSani YusufSubrat MishraGuestStephen CooperSponsorsDev Influencers AcceleratorRaygun | Click here to get started on your free 14-day trial LinksngTemplateOutlet: The secret to customisationTwitter: Stephen Cooper ( @SCooperDev ) PicksCharles- Monday.comSani- MongoDB AtlasStephen- Adding a layer of more explicit typings on top of 3rd party library interfacesSubrat- Tools Of TitansContact Charles:Devchat.tvDevChat.tv | FacebookTwitter: DevChat.tv ( @devchattv )Contact Sani:Angular.TrainingSani YusufSani Yusuf - MediumTwitter: Sani Yusuf ( @saniyusuf )GitHub: Sani Yusuf ( saniyusuf )Contact Subrat:Fun Of Heuristic – YouTubeGitHu

Lars Gyrup Brink Nielsen joins the Adventure to continue discussing testing Angular and with Spectacular and to finish the discussion on testing routing in Angular.PanelCharles Max WoodRichard SitholeGuestLars Gyrup Brink NielsenSponsorsDev Influencers AcceleratorLinksTesting Angular routing components with the RouterTestingModuleSpectacular by ng workersLars Gyrup Brink Nielsen – YouTubeGitHub: Lars Gyrup Brink Nielsen ( LayZeeDK )Twitter: Lars Gyrup Brink Nielsen ( @LayZeeDK )PicksCharles- CruellaCharles- 2,4-D Weed KillerCharles- Brown Rubber MulchCharles- Roundup ConcentrateLars- Welcome to This is Learning—an invitation to our open tech authors communityRichard- GitLab CI/CDContact Charles:Devchat.tvDevChat.tv | FacebookTwitter: DevChat.tv ( @devchattv )Contact Richard:Enterprise Content Management SoftwareTwitter: Ricci Rich ( @sliqric )LinkedIn: Richard SitholeSpecial Guest: Lars Gyrup Brink Nielsen. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/priva

Daniel Kreider joins the Adventure to discuss some of the things that are slowing down your front-end app. He also dives into the handful of things you should look at first in order to make sure that your application is running at top speed.PanelCharles Max WoodRichard SitholeSubrat MishraGuestDaniel KreiderSponsorsDev Influencers AcceleratorRaygun | Click here to get started on your free 14-day trial LinksAngular - How to improve bundle size? And make your Angular app load faster?How to improve Angular load performance?The Daily WireAngular Consultant | Daniel KreiderLinkedIn: Daniel KreiderGitHub: Daniel Kreider ( dkreider )PicksCharles- Created Equal: Clarence Thomas in his Own WordsCharles- Outwitting the DevilDaniel- A FREE Angular Testing Workshop with Entertaining and Unique VideosDaniel- Angular Consultant | Daniel KreiderRichard- Teo - coding music Richard- Building Performance Optimized Web Apps with Angular and Firebase in 2018 by Richard Sithole - YouTubeSubrat- Deno - A secure runtime for JavaScr

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.PanelCharles Max WoodSani YusufSubrat MishraGuestMichael HladkySponsorsDev Influencers AcceleratorLinksNew 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.Contact Charles:Devchat.tvDevChat.tv | FacebookTwitter: DevChat.tv ( @devchattv )Contact Subrat:Fun Of Heuristic – YouTubeGitHub: Fun Of Heuristic ( funOfheuristic )Twitter: Subrat Kumar Mishra ( @subrat_msr )Special Guest: Michael Hladky. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://

Lars Brink joins the adventure to discuss how he tests routed Angular features using the RouterTestingModule. He explains what it is and why it's not as well documented as it could be.The panel then takes him through testing other parts of an application using Spectacular and other tools to make sure that Angular applications behave as expected.PanelCharles Max WoodRichard SitholeSani YusufSubrat MishraGuestLars Gyrup Brink NielsenSponsorsDev Influencers AcceleratorLinksAngular testing with the RouterTestingModule Series' ArticlesLars Gyrup Brink Nielsen - YouTubeTwitter: Lars Gyrup Brink Nielsen ( @LayZeeDK )PicksCharles- Gatorade Water BottleCharles- TrainingPeaksCharles- Dev Influencers | Devchat.tvLars- Surrounded by IdiotsRichard- Adobe LightroomRichard- mRemoteNGSani- Angular.TrainingSubrat- The 4-Hour WorkweekSubrat- Fun Of Heuristic - YouTubeContact Charles:Devchat.tvDevChat.tv | FacebookTwitter: DevChat.tv ( @devchattv )Contact Richard:Enterprise Content Management SoftwareTwitter: Ricci Rich ( @sliq

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.PanelCharles Max WoodRichard SitholeSubrat MishraGuestJoaquin CidSponsorsDev Influencers Accelerator Raygun | Click here to get started on your free 14-day trial 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 Optimize

Chuck dives into the 3 essentials for getting the next successful outcome you want in your career. Whether that's something simple like a raise or something more complex like going freelance, you can achieve it by working on 3 main areas.First, building skills. The most obvious type of skills you'll need is technical skills. However, don't neglect your people skills and your organizational skills as well since you're often paid for how you work with people and enhance their work and how you put your work together in the most efficient ways.Second, building relationships. Often other people will be able to help you find the opportunities or will be the ones to make the decisions that impact your ability to get the outcome you want. Having good relationships is key to having good outcomes.Third, building recognition. Being known for being valuable in important ways allows you to leverage the skills you have to build better relationships and create opportunities to get what you need to get the outcomes you want

Tarang Khandelwal found himself in the unenviable position where he needed to be able to dynamically choose which component to load dynamically.He did this by passing in a string key that determined the component that would load in its place. However, given that not all components and component signatures are the same, this is more complex than it seems.Tarang explains to Chuck what this entails and why you might need a setup like this in the first place.PanelCharles Max WoodGuestTarang KhandelwalSponsorsDev Influences AcceleratorRaygun | Click here to get started on your free 14-day trial LinksRendering dynamic components by selector name in IvyTwitter: Tarang Khandelwal ( @tarangkhandelwa )PicksCharles- DiscourseCharles- Focus BlocksTarang- ExcalidrawContact Charles:Devchat.tvDevChat.tv | FacebookTwitter: DevChat.tv ( @devchattv )Special Guest: Tarang Khandelwal. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Chuck explains what he taught Nathan last week when we asked how to get hired at a FANG (Facebook Apple/Amazon Netflix Google) company. Essentially, it boils down to how to build the skills and knowledge needed to pass the interview. How to build the relationships to get into the door and have the interviewer want you to succeed. And how to build the reputation that has the company wanting you regardless of the outcome. This approach also works for speaking at conferences, selling courses, and other outcomes as well as it's the core of building a successful career as an influencer.PanelCharles Max WoodAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Andrei Gatej joins the adventure and discusses some less well known features of the Angular Router with Charles Max Wood.They walk through some of the features of nesting routes and how to debug issues when your routes don't bubble up the tree the way you expect.Andrei also explains how redirects and router outlets might not have been what Chuck thought they were.PanelCharles Max WoodGuestAndrei GatejSponsorsDev Influencers AcceleratorLinksAngular Router: Revealing some interesting facts and featuresTwitter: Andrei Gatej ( @anduser96 )PicksAndrei- inDepthDevAndrei- This is Learning - DEV CommunityCharles- Premium Podcast Feeds | Devchat.tvCharles- Monthly Online Meetup for Devchat.tv Premium PodcastCharles- Words of Radiance: Stormlight ArchiveContact Charles:Devchat.tvDevChat.tv | FacebookTwitter: DevChat.tv ( @devchattv )Special Guest: Andrei Gatej . Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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.PanelCharles Max WoodGuestFreddy MontesSponsorsDev Influencers AcceleratorRaygun | Click here to get started on your free 14-day trial 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 LockContact Charles:Devchat.tvDevChat.tv | FacebookTwitter: DevChat.tv ( @devchattv )Special Guest: Freddy Montes . Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-O

Chuck was on a strategic call with one of his potential coaching clients talking about cryptocurrencies and realized that this is one of the major reasons that people want to become influencers. Or, rather, that many people aspire to make a difference and/or make money and the best way to do that is to become the person people go to for what you do.So, how do you become the first person people think of when they think of that thing you know how to do? Let Chuck tell you.PanelCharles Max WoodAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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.PanelCharles Max WoodGuestRichard SitholeSponsorsDev Influencers AcceleratorRaygun | Click here to get started on your free 14-day trial 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?Special Guest: Richard Sithole. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Charles talks about the things that get developers stuck when they're trying to start their podcast or other influencer channel. He explains how to get around having those things hamper your journey.PanelCharles Max WoodSponsorsDev Influencers AcceleratorAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Charles talks about the things that get developers stuck when they're trying to start their podcast or other influencer channel. He explains how to get around having those things hamper your journey.PanelCharles Max WoodAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Charles Max Wood talks about how to build, grow, and benefit from positive relationships within programming. He talks about how he's built genuine positive relationships with hundreds of programmers and how he and others have grown from those relationships. He also explains that you get out of relationships what you put into them. Finally, he goes into how to begin to build relationships by building a system of influence you can use on behalf of the people you want relationships with.PanelCharles Max WoodAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

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.PanelCharles Max WoodGuestArmen VardanyanSponsorsDev Influencers AcceleratorRaygun | Click here to get started on your free 14-day trial 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  Charles- Influencers | Devchat.tvCharles- Dev Influencers | Devchat.tvSpecial Guest: Armen Vardanyan. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy