How do you organize your frontend?

Do you usually organize your project by file type, by features, or does it depend on the project?

I’d like to start a discussion that is very common in backend development but, in my opinion, is often less discussed in frontend development.

In Angular, for example, there is already a predefined structure that is generally followed along with other patterns. However, I can’t say much about how this organization is typically handled in React and other libraries and frameworks.

I’ve been reading some discussions about DDD and Clean Architecture in frontend applications. Do you think applying them can be overkill, and that organizing the project simply by features is enough for most scenarios?

How do you usually structure your frontend projects?

When I mention patterns, architectural styles, and domain-driven development all together, I don’t mean that all of them are folder structures. However, in one way or another, they can influence how the project is organized.