Angular Component Communication: Everything You Need to Know

When we split our angular code into multiple components, we need also to know how the parent-child components or the sibling components can communicate.

This video explains how communication can be achieved by:
- Using the @Input @Output decorators
- Using a Template Reference Variable for a template only use
- Using the ViewChildren so that the parent component can access the children ones
- Using a Service with rxjs Streams to achieve communication on the parent-child and sibling components

Chapters:
0:00 Intro
0:45 Parent-Child using Input and Output decorators
14:16 Template Reference Variable (template-only communication)
17:08 Using ViewChildren
20:47 Using a Service
26:10 Thank you

******************************************************
Let's connect
******************************************************

#angular #learnAngular #angulartutorialforbeginners #angulartutorial #frontenddeveloper #frontend

[baturhankahraman]

I've just discovered you. I'm a fan of Angular like you. Subscribed & liked. Please keep this on. Thanks a million.

[theodorosgeorgitsis]

I realy enjoy your videos.
Χαιρετισμούς
Θοδωρής

[ellsonmendesYT]

as always delivering great stuff, thanks for the effort and time taken to share with us!

[ilirbeqiri]

Keep going man. Very well explained videos so far. Thanks a lot ;)

[ranjanadeore]

Thank you sir for uploading great video. Greate information about viewchildren and service and your teaching method is very deep.

[zshn]

I avoid using getters and setters for @Inputs. If an input needs to be modified/cleansed/transformed/prefixed/suffixed, create a pipe to perform transformations or a service that transforms the data prior to passing it to the child component.
BTW Thank you for sharing your thoughts.

[g-luu]

thanks. Would love to see micro frontends with nx

[digvijaypatil]

Can you please create series for Micro frontend app