Simplified Blazor Component Model to reduce overhead in lists

I would love to see a simplified Blazor Component Model that is just basically a RenderFragment. I have a few lists where each row of the list is a set of components. These are basic components just so I don’t have to have 10 lines of html code for each column. These lists when done with components get really slow really fast. (25 - 50 rows and it almost becomes unusable). To work around this I use RenderFragments and it works well and makes it speedy again. However, I then lose the nice readability of using a custom tag for each item. Instead I find myself injecting code within my razor component page.

// This just returns a RenderFragment @MyComponent.RenderComponent(new MyComponentOptions() { Param1=“some `Parameter”, Param2=“some Parameter”, Param3=“some Parameter”, })

instead of: // Can not use simple components that just basically render html because they make the application way too slow <MyComponent Param1=“some Parameter”, Param2=“some Parameter”, Param3=“some Parameter” ></MyComponent>

[neufel42]

Our large dom object was basically a list within a list. Within our list we had a dropdown that was not being shown via css. We refactored our code to not render this dropdown until we needed it and the list sped up exponentially.

We had several of dropdowns in the list making is really slow really fast. This was programming error

<MyLineItem></MyLineItem>

MyLineItem.razor
    <ListOfItems />  

MyLineItem.razor (revised psudo code to speed up component)
    @if(ClickedMyLineItem) //Adding an if in the line item sped up my component exponentially
    {
         <ListOfItems />  
    }

Hope my psudo code above makes sense but that is basically all we did to speed things up and kept our functionality

[ChristianWeyer]

Can you maybe explain what “a large ‘hidden’ dom component” exactly is? Do you care to share some details so that others will not run into the same situation? 😉 Thanks @neufel42