Join our weekly discussion about how to build top end Angular applications and become an Angular expert.
Tailwind CSS - AiA 368
Chuck, Lucas, and Subrat join this panelist episode to talk about Tailwind CSS. They begin by discussing their perspectives and knowledge gained by using Tailwind. They tackle its benefits and impact on your applications. SponsorsChuck's Resume TemplateDeveloper Book Club startingBecome a Top 1% Dev with a Top End Devs MembershipLinksWeb Animations Course: lucaspaganini.com/web-animationsHire Angular Experts: unvoid.comPicksCharles - Karma | Board Game Charles - Focus BlocksLucas - MidJourney AISubrat - Bun — fast all-in-one JavaScript runtimeAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy
Latest Versions Of NgRx v14 & v15 - AiA 367
Armen Vardanyan is a Google Developer Expert for Angular, and Frontend Team Lead at Volo. He returns to the show to discuss his article, "Using NgRx Packages with Standalone Angular Features". He talks about how to use NgRx packages with standalone features.SponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksWeb Animations Course: lucaspaganini.com/web-animationsHire Angular Development Experts: unvoid.comStandalone Component in Angular 15 | Make application without NgModule - YouTubeTwitter: @ArmandotruePicksArmen - Watch 1899 | Netflix Official SiteLucas - Watch The Mole | Netflix Official SiteSubrat - Paradise BiryaniAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy
Angular's Custom Form Components - AiA 366
Charles, Lucas, and Subrat take on this week's panelist episode as they tackle all about Custom Form Components. Lucas starts off the episode by explaining different methods on how you can effortlessly and with ease create custom form components. Subrat also shares his own insight on some other techniques for creating forms depending on how complex your form is. Moreover, they discuss integrating custom form components with Angular forms API.SponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksControl Value Accessor: Custom Form Components in Angular | Academy | Lucas PaganiniCode example: published-content/control-value-accessor at master · LucasPaganini/published-content · GitHubWeb Animations Course: lucaspaganini.com/web-animationsHire Web Development Experts: unvoid.comAngular Remote ConferencePicksCharles - Forbidden SkyCharles - RedCircleLucas - Under Armour 2L Stainless Steel Water BottleSubrat - You-Dont-Know-JSAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy
Writing Clean Http Service Methods With Walid Bouguima - AiA 365
Walid Bouguima is a Software Engineer at Hilti Group. He joins the show with Chuck, Lucas, and Subrat to discuss his article, " Angular Clean Http Service Methods: Handle Your Backend Communication With Ease". He explains his goals and reasons why he created this method and what advantages it may bring to developers in the Angular community. Moreover, the panel shares their own perspective and some tips about Walid's article. SponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksAngular Clean Http Service Methods: Handle Your Backend Communication With Ease😎axios - npmGraphQLNestJSlucaspaganini.com/web-animationsunvoid.comPicksCharles - The Game | Board Game | BoardGameGeekCharles - RedCircleCharles - Disney Mirrorverse: HomeCharles - Slack | Top End DevsLucas - Reaper Lucas - For Perfectionists - Produce Live ContentSubrat - Clean Code: A Handbook of Agile Software CraftsmanshipAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy
Standalone Components With Marek Panti - AiA 364
Marek Panti is an Angular developer at UNIQA Insurance Group AG. He joins the panel to talk about his article, "Angular Standalone Components". Standalone components simplify the process of creating Angular applications. He explains how he was able to come up with the idea for his article.About This EpisodeAdvantages of Standalone ComponentsMaintaining Angular Apps in the long runSponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksAngular standalone componentsWeb Animations CourseHire Web Development Experts: unvoid.comLinkedIn: Marek PantiPicksLucas - Logi Tune software to customize Logitech hardwareMarek - RemarkableSubrat - Deno — A modern runtime for JavaScript and TypeScriptAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy
State Management with RxJS - AiA 363
Amal Ayyash is a UX Designer and Front-end Developer. and her current main focus is Angular. She joins Chuck and Lucas to discuss her article, “RxJS-based state management in Angular”. She starts the show off by explaining the reason why she chose to use RxJS to create state management instead of using NgRX. She also gives advice to other developers, encouraging them to use their own frameworks or codes rather than third-party solutions.About this EpisodeMethods of handling the Angular State ManagementAdvantages of using RxJS in creating an Angular State ManagementComparison between using RxJS and NgRX-based solution SponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksRxJS based state management in AngularSekab GarageAMAL AYYASHLinkedIn: Amal AyyashTwitter: @SekrabBinPicksAyyash - The peter principleAyyash - Secondhand Time: The Last of the SovietsChuck - Camel Up | Board Game - BoardGameGeekChuck - Black Panther: Wakanda Forever (Movie, 2022) - MarvelLucas - Logitech BRIO Webcam with 4K Ultra HD Video & HDRAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy
State Management with RxJS - AiA 363
Amal Ayyash is a UX Designer and Front-end Developer. and her current main focus is Angular. She joins Chuck and Lucas to discuss her article, “RxJS-based state management in Angular”. She starts the show off by explaining the reason why she chose to use RxJS to create state management instead of using NgRX. She also gives advice to other developers, encouraging them to use their own frameworks or codes rather than third-party solutions. About this Episode Methods of handling the Angular State Management Advantages of using RxJS in creating an Angular State Management Comparison between using RxJS and NgRX-based solution Sponsors Chuck's Resume Template Developer Book Club starting with Clean Architecture by Robert C. Martin Become a Top 1% Dev with a Top End Devs Membership Links RxJS based state management in Angular Sekab Garage AMAL AYYASH LinkedIn: Amal Ayyash Twitter: @SekrabBin Picks Ayyash - The peter principle Ayyash - Secondhand Time: The Last of the Soviets Chuck - Camel Up | Board Game - BoardGameGeek Chuck - Black Panther: Wakanda Forever (Movie, 2022) - Marvel Lucas - Logitech BRIO Webcam with 4K Ultra HD Video & HDR
Angular 15: The Good Parts - AiA 362
Chuck welcomes Lucas to the show as a regular host of Adventures in Angular. They begin by discussing Angular 15's most recent updates and what benefit it might have for the current Angular community. Lucas also offers his perspective on the new tools and what makes him excited to use them. About this Episode All the new features of Angular 15 Advantages of Directive composition API Pros and Cons of Image optimization How these changes can be integrated into your application Sponsors Chuck's Resume Template Developer Book Club starting with Clean Architecture by Robert C. Martin Become a Top 1% Dev with a Top End Devs Membership Links Angular v15 Mind Map + Breaking Changes Unvoid Picks Charles - Thunderbird — Make Email Easier. — Thunderbird Charles - Gmelius: Top-Rated Email and Team Collaboration Software Charles - Pipedrive™ CRM - Pipedrive Official Site Lucas - Trip to Argentina (cities: El Calafate and Buenos Aires Lucas - Brazil World Cup squad 2022
How to Advance Your Career without Grinding for Years - AiA 361
Each encounter teaches us a lesson. Every setback is a victory. What Can You Do To Take Control Of Your Career? Chuck and Subrat join the show as Chuck takes the lead in sharing his past work experiences and his inspiring journey towards his road to success. He also talks about his current plans for Top End Devs such as conferences, book clubs, meetups, and many more! Sponsors Chuck's Resume Template Developer Book Club starting with Clean Architecture by Robert C. Martin Become a Top 1% Dev with a Top End Devs Membership Picks Charles - Betrayal at House on the Hill | Board Game - BoardGameGeek Charles - Load Star by Fritz Swanson - Goodreads Subrat - JavaScript Documentation
Unsubscribing Observables on Component Destroy With Lucas Paganini- AiA 360
Lucas Paganini is a content creator and developer. Together with his team creates educational content about web development through articles and YouTube tutorials. He has been working on Angular since 2017 and is the CEO of a remote company called Unvoid. He joins Chuck on the show to talk about his article, "Automatically Unsubscribe Observables on Destroy". About this Episode Managing Observables when your component is destroyed Different roles in the Dependency Injector System Ways in providing Dependency The Unsubscribe Service Sponsors Chuck's Resume Template Developer Book Club starting with Clean Architecture by Robert C. Martin Become a Top 1% Dev with a Top End Devs Membership Links Angular: Automatically Unsubscribe Observables on Destroy - YouTube Angular: Automatically Unsubscribe Observables on Destroy What's New in Angular v14 - A Game Change - YouTube Official Angular docs - The Dependency Injection system Official Angular docs - Platform injector Official Angular docs - Benefits of using providedIn: “root” Official Angular docs - ngOnDestroy for Services Official Angular docs - Dependency Injection resolution modifiers @Self @SkipSelf @Host Official Angular docs - Angular inject() function Official Angular docs - Performance improvements with manual change detection Official Angular docs - ViewRef.onDestroy Official RxJS docs - takeUntil operator Memory leaks, When to Unsubscribe in Angular, by Netanel Basal Unleash the Power of DI Functions in Angular, by Netanel Basal Angular utilities library @lucaspaganini/angular-utils Angular utilities library @lucaspaganini/angular-utils source code - UnsubscriberService.takeUntilDestroy Unvoid Lucas Paganini Twitter: @LucasPaganini Instagram: lucaspaganini Picks Charles - Timpanogos Game Convention Charles - Keeper of the Lost Cities Lucas - Flavio Almeida Angular courses (warning: a lot of content in Portuguese) Lucas - Thoughtram Angular blog Lucas - Overcooked 2 game Lucas - Game Night movie
Change Detection Method in Angular - AiA 359
Armen comes back to the show to talk about one of his articles, “Change Detection without Change Detection". Change detection functions by helping rerender the UI when data changes. Armen joins Chuck and Subrat as he shares the importance of using his Change Detection technique to improve performance rather than using the built-in one.Topics discussed Change detection and how it works How do you call or trigger a Change Detection Inject Function Proxy Object Sponsors Chuck's Resume Template Developer Book Club starting with Clean Architecture by Robert C. Martin Become a Top 1% Dev with a Top End Devs Membership LinksChange Detection without Change DetectionPicks Armen - House of the Dragon | Official Website for the HBO Series Charles - Board Game Conventions Charles - Clean Architecture Subrat - Atomic Habits
Using the LocalStorage Object in Angular with Dany Paredes - AiA 358
In Angular apps, remembering user-preferred settings is an excellent way to provide a good experience for the users; you can save data in the user’s browser using the localStorage object, which provides methods for working the key-value data. Today on the show, GDE Angular expert Dany Paredes shares his insights about localStorage, how to learn about this API, and knowledge to build in Angular to save background color preferences. In this episode… How localStorage works and limitations API examples and use cases Possible performance issues Trusting the localStorage and API mock values Complicated use cases Angular content in Spanish Sponsors Top End Devs Raygun | Click here to get started on your free 14-day trial Coaching | Top End Devs Links ng-content Angular Basics: localStorage Object Keeps Data in Browser Twitter: @danywalls Dany Paredes | Javascript / Web Picks Charles- Quartile Charles- Funnel Hacking LIVE 2022 Charles - Angular Remote Conf Dany – Enjoys comparing NBA players to Angular developers
Weekly Content Development Strategies with GDE Maina Wycliffe - AiA 357
Maina Wycliffe, Google Developer Expert in Angular, joins the show today to talk about his weekly newsletter called “All Things Typescript” and his various content and production strategies. Similarly, Charles also shares his perspective about how he has grown TopEndDevs. In this episode… Typescript newsletter Delivering concepts Creating content for posts RSS feeds Resource lists Ideal newsletter lengths Staying current in the industry Paid subscriptions Sponsors Top End Devs Raygun | Click here to get started on your free 14-day trial Coaching | Top End Devs Links All Things Typescript Maina Wycliffe Twitter: @mwycliffe_dev Picks Charles- Irish Gauge Charles- How to Stay Current Charles- Top End Devs | Coaching Charles - Angular Remote Conf Maina- Learning TypeScript: Enhance Your Web Development Skills Using Type-Safe JavaScript Maina- DevFest | Google Developers
How to Proxy HTTP Requests in Angular with Maria Korneeva - AiA 356
Maria Korneeva joins the show today to share her approach on how to proxy HTTP requests in Angular, including use cases and various strategies to make proxying simplified and useful to your Angular workflows. In this episode… Use cases examples Proxying a request from localhost to the remote backend service Using the fake back end before real implementation Effortless switching between environments Defining endpoints using wildcards Automation scripts and testing Sponsors Top End Devs Raygun | Click here to get started on your free 14-day trial Coaching | Top End Devs Links How to proxy HTTP requests in Angular Twitter: @BrowserPerson LinkedIn: Maria Korneeva Picks Charles- ActiveCampaign - #1 Customer Experience Automation Platform - ActiveCampaign Charles- Community | Personalized Text Message Software & SMS Solution Charles- TopEndDev | Courses Charles- Virtual Events Platform for Communities & Enterprises Charles- TopEndDev | Coaching Maria- Chrome DevTools - Chrome Developers Maria- Document.designMode - Web APIs | MDN Maria- tweak: mock and modify HTTP requests Subrat- Sapiens: A Brief History of Humankind Subrat- Mindset: The New Psychology of Success