Can I use View Components for all my reusable UI Components like Buttons, Text etc or will this slown down my app?

[JangoCG]

Hey everyone,
I am an Angular Developer who is trying out Ruby on Rails. I am used to organizing my Frontend Code into components, especially because I use Tailwind. So naturally I looked for doing something like that in Rails and I learned about View Components and I really like them, they are really similar to how Angular does Components.

So right now I am putting all my HTML code which I want to reuse like Button, Text, Tag, Card etc. in a separate view component.
However on Reddit people told me that I should not use view components for stuff that is going to be reused a lot because I will suffer from performance problems.

I got comments like:

So a good example would be using a tailwind grid component which I use a lot with React. If you used a grid component the amount of times you would call it in a large app would be hundreds or thousands of times, this would slow down rendering in Rails. Whereas making a grid component a simple ruby function (helper) would not have much impact on performance. View components are great for something you want to reuse but not something you will end up reusing hundreds or thousands of times.

Link to the original thread: https://www.reddit.com/r/rails/comments/1dmtzg6/comment/la0tr1w/?context=3

So right now I am confused, is extracting something like a button which I would theoretically reuse on every Page in a View Component actually an anti-pattern?

[boardfish]

Hi @JangoCG! According to our docs, ViewComponent provides speed benefits over using partials for this purpose. Using ViewComponent to build a library of components in the way you're suggesting is also done in some large-scale production environments, with potentially more in this list (including @fac). Let me know if you've got any further questions!

[JangoCG]

Thank you @boardfish