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

How To Recession Proof Your Job - BONUS

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

Why would you use Angular in a Startup? - AiA 355

Catalin Ciubotaru joins the show today to share his industry insights and the advantages and disadvantages of using Angular in a startup.   In this episode… Main advantages of Angular Moving quickly with Angular Developer experience and templates Disadvantages of using Angular Hiring with a startup mentality Startups defined Micro front ends and monolithic apps Sponsors Top End Devs Coaching | Top End Devs Links Catalin Codes Catalin Ciubotaru - Medium Twitter: @c5n_c8u Picks Catalin- The X-Files (TV Series 1993-2018) - IMDb Catalin- CSS for JavaScript Developers | An online course that teaches the fundamentals of CSS for React/Vue devs Charles- 2000 Mules | Official Site Charles- Project Hail Mary Charles- The Scions of Shannara (Heritage of Shannara, #1) Charles- NCIS (Official Site) Watch on CBS Charles- - Top End Devs

Monorepos, Linting, and CI, Oh My! - AiA 354

Today on the show, Charles and Subrat interview Miroslav Jonas to discuss various approaches related to monorepos, linting and CI.  Enjoy this broad conversation as the panel shares their industry insights on these various topics and strategies you can start to implement today. In this episode… What are monorepos? Migrating and linting engines Nx and monorepos Utilizing plug ins  Integration libraries and linting Benefits of Nx Front end vs back end communications Sponsors Top End Devs Raygun | Click here to get started on your free 14-day trial Coaching | Top End Devs Links Imgur Taming Code Organization with Module Boundaries in Nx | by Miroslav Jonaš | Nrwl Smart, Fast and Extensible Build System Github: meeroslav Twitter: @meeroslav Picks Charles- Quiddler Charles - Top End Devs Conferences Charles- Watch Dan Brown's The Lost Symbol Streaming (2021-) | Peacock Miro- Watch The Sandman | Netflix Official Site Miro- Nx Conf 2022 - October 17th, 2022 Subrat- The Pragmatic Programmer: From Journeyman to Master

Code Practice: Become a Top 1% Developer - AiA 353

Do you want to level up in your career?  Do you want to become a top 1% developer?  Today on the show, Charles provides three simple steps you can implement today to help get you there. In this episode… Have a side project Learn something every day Commit code every day Sponsors Top End Devs Coaching | Top End Devs Picks Charles - Top End Devs | Conferences Charles - Top End Devs | Meetups Charles – Innova OBD2 Code Reader Charles- BMK 200W Car Power Inverter DC 12V to 110V AC Car Inverter 4 USB Ports Charger Adapter Car Plug Converter with Switch and Current LCD Screen Charles- Just Wireless 15W Magnetic Wireless Charger Car Vent Mount for MagSafe Devices Black 20017 - Best Buy Charles- Fantastic Beasts: Perilous Pursuit

Async Angular Testing and Introducing AG Charts - AiA 352

If you are testing an Angular application, then at some point, you will be required to test asynchronous behavior.  Today on the show, guests Stephen Cooper and Mona Peirov share about how you can validate your internal models with async Angular testing and integrate AG Charts into your workflows. Sponsors Top End Devs Coaching | Top End Devs Links Understanding async tests in Angular JavaScript Charts: Overview Stephen Cooper Twitter: @SCooperDev LinkedIn: Mana Peirov Twitter: @ManaPeirov Picks Charles- Antidote Charles - Top End Devs Conferences Charles - Join a meetup group Mana- Passion fruit is amazing and it's growing in my garden Stephen -  if you have a friend at Google get them to invite you to the office as a guest