I ❤️ .NET

In this example you can pass Title and Descripiton to component using Component Parameters.

1. Add [Parameter] attribute to component property.
2. Pass data to component explicitly or assign a variable from ancestor or parent component.

In this example you can get Cascading Value from ancestor component or parent component. The following component binds the SmallDevice cascading value from App.razor to a cascading parameter, optionally using the same name of SmallDevice. The parameter is used by I ❤️ DotNet to identify the device.

1. Pass <CascadingValue> Value="SmallDevice" from ancestor or parent component
2. Add [CascadingParameter] attribute to component property and give the same name to property.

In this example you can click on button in Child Component and this will invoke OnClick EventCallback<string> from child component and pass the message from child component to parent component.

1. Add [Parameter] public EventCallback<string> OnClick { get; set; } to child compnent.
2. Then on any event invoke OnClick.InvokeAsync("Hello from Child Component") from child component.
3. Render <EventCallbackChildDemo OnClick="ClickHandler"></EventCallbackChildDemo> from parent component and bind ClickHandler.
4. Now click on button from Child Component.

In this example you can see the usage of State Container - AppStateDemo used to communicate between two components.

1. Create a AppStateDemo.cs class with event and Action and methods to notify changes. This class stores messages and there is also an OnChange event which will be needed by components to store message.
2. Register services.AddScoped<AppStateDemo>(); in Program.cs as Scoped or Singleton service.
3. @inject AppStateDemo AppStateDemo in chat components to send message on button click.
4. StateContainer component ties chat component together. Chat component handles OnChange event exposed by AppStateDemo class. Whenever messgae is sent StateHasChanged will be invoked and the chat component will re-render new messages.
5. Please note that it's important to unsubscribe components StateHasChanged method from AppStateDemo's OnChange event using IDisposable interface else this will introduce a memory leak.