Lifecycle Considerations of JavaScript Interop

When using JavaScript interop in Blazor, we need to be mindful of the Razor component lifecycle. There is nothing that stops us from invoking JavaScript functions from any lifecycle method. The invocation will still work and the function will still be triggered. However, there are some things that will behave differently depending on which lifecycle event the logic is triggered from. For example, as the following figure demonstrates, manipulation of DOM components will not work until after the Razor component has been rendered: