# React 18: Intermediate - Combine "hooks" files?

**URL:** <https://forum.codewithmosh.com/t/react-18-intermediate-combine-hooks-files/71101>\
**Category:** React\
**Created:** [January 30, 2025, 3:02pm UTC](https://forum.codewithmosh.com/t/react-18-intermediate-combine-hooks-files/71101 "2025-01-30T15:02:18Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![mogulman](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/mogulman/32/554_2.png) [@mogulman](https://forum.codewithmosh.com/u/mogulman)\
**Post date:** [January 30, 2025, 3:02pm UTC](https://forum.codewithmosh.com/t/react-18-intermediate-combine-hooks-files/71101/1 "2025-01-30T15:02:18Z")

</div>

**[Section Fetching and Updating Data with React Query : Video 32]**

About halfway through this course, Mosh creates a file for fetching the JSON data associated with a _Genre_ (and another for _Platform_). I’m wondering why we wouldn’t put the “_useGenre_” hook component into the _useGenres.ts_ file, thus keeping Genre _getting_ components together.

I understand that good React design is all about creating small components that do specific tasks, but I’m also thinking that with a larger project, the hooks folder might be overwhelming. Or when the project grows, should additional folders be added inside the hooks folder to keep similar component files together - eg. hooks → GenreHooks → useGenre.ts & useGenres.ts

OR, is this a case by case situation where you try to do the course’s approach for smaller projects and if they grow large, combine the Genre getting components at that point?