How you handle non reusable components in react?
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?
Classic DEV Post from Feb 24
89
22
Trending on 
How to Set Up a React Project with Create React App
Understanding the importance of the key prop in React 🗝
How to mock React hooks using dependency injection
Avoiding Race Conditions when Fetching Data with React Hooks
Passing Data from Child to Parent with React Hooks
The Beginner's Guide To React: Components and Props
Build feature flags in React using the Context API: how to
Announcing our full speaker lineup for our free, remote React conference
Auth With Twitter
Auth With GitHub
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.
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.
Yeah, that a good option but parent components can be huge without extraction.