DEV Community

Saurabh Sharma
Saurabh Sharma

Posted on • Updated on

How you handle non reusable components in react?

Do you create component for them?

Do you keep them in components folder
Or in separate folder?

Do you provide good types for them?

Discussion (4)

joelmturner profile image
Joel Turner

Good question! I'm guessing it depends on your setup and if your building this as part of a team.

On my dev team, we usually break them out into their own file unless it's a styled component just for that parent component.

Currently we keep them in a folder for that specific item. For example, if we had a PanelRenderer that had a specific PanelChilr that only worked for it they would be placed in the PanelRenderer directory.

Even if it's only used once, we prefer to type them fully. This helps with future refactors, bug fixes, additional features.

calvo__jp profile image
JP Calvo

Hi! Thank you for this information. What do you guys do for something like NextJS pages where in you can not separate a component in the same directory where its parent resides or where it is specifically used? Something like a non-reusable component

potouridisio profile image
Ioannis Potouridis


I won't provide an answer but a thought.

I don't believe there's a reason making some block of code a component if it is not reusable.

itsjzt profile image
Saurabh Sharma Author

Yeah, that a good option but parent components can be huge without extraction.