MovieHunter Communication

screenshot of MovieHunter Communication

Code for my talks on Angular component communication.

Overview:

MovieHunter-communicationCode is a comprehensive resource designed for developers looking to enhance their understanding of Angular component communication, specifically tailored for Angular version 6 and above. This set of files serves as a practical toolkit for demonstrating various communication strategies, ranging from template interactions to more complex patterns using services and state management with NgRx. Whether you're a beginner or looking to refine your skills, this resource offers valuable insights into how components can effectively share data and respond to user actions.

Features:

  • Tracking User Changes: Demonstrates how to track user-entered changes in a template, allowing for operations like filtering and setting focus using the ViewChild decorator.

  • Parent-Child Communication: Provides examples of how to communicate between child and parent components through input and output properties, a core aspect of Angular architecture.

  • Service as Intermediary: Illustrates the powerful approach of using services to mediate communication between components, featuring practical implementations of Subject and BehaviorSubject for state management.

  • Getters for Communication: Offers an alternative method for component communication using getters in a service, showcasing a simplified approach compared to reactive programming.

  • NgRx Implementation: Presents a straightforward example of implementing NgRx for state management, building upon previous service-based communication lessons to enhance clarity and effectiveness.

MovieHunter-communicationCode is an invaluable asset for any developer aiming to master component communication within the Angular ecosystem.