Adventures in Angular

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

Sponsors

Links

Picks

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

On YouTubeAngular 15: The Good Parts - AiA 362
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

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

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

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

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

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Get the Black Friday/Cyber Monday "Focus Blocks Bundle" Deal Coupon Code: "THRIVE" for a GIANT discount   Are you looking at all the layoffs and uncertainty going on and wondering if your company is the next to cut back?  Or, maybe you're a freelancer or entrepreneur who is trying to figure out how to deliver more value to gain or retain customers?  Mani Vaya joins Charles Max Wood to discuss the one thing that both of them use to more than double their productivity on a daily basis.  Mani has read 1,000's of productivity books over the last several years and has formulated a methodology for getting more done, but found that he lacked the discipline to follow through on his plans.  The he found the one thing that kept him on track and made him so productive that he is now getting all of his work done and was able to live the life he wants.  Chuck also weighs in on how Mani's technique has worked for him and allows him to spend more time with his wife and kids, run a podcast network, and a nearly full time contract.  Join the episode to learn how Chuck and Mani get into a regular flow state with their work and consistently deliver at work. 

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

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

Links

• Change Detection without Change Detection

Picks

• Armen - House of the Dragon | Official Website for the HBO Series
• Charles - Board Game Conventions
• Charles - Clean Architecture
• Subrat - Atomic Habits

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

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

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

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

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

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

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

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

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.