When we come across a view that has many HTML elements, we usually want to separate them into their own components to have a better organization of the code to make it easier to understand and maintain, as well as decouple large logic into smaller pieces, and why not, re-use these components in another view (very much in the style of React.js mental model). This can be easily achieved by using LiveComponent de Phoenix LiveView.

https://dev.to/santiagocardo/rendering-components-conditionally-with-phoenix-liveview-4p6j