DEV Community

loading...

How you handle non reusable components in react?

itsjzt profile image Saurabh Sharma ・1 min read

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 (3)

pic
Editor guide
Collapse
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.

Collapse
potouridisio profile image
Ioannis Potouridis

Hi!

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.

Collapse
itsjzt profile image
Saurabh Sharma Author

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