A production React application usually contains source modules, static assets, tests, configuration, and a build pipeline. The exact folders vary by framework and organization, but the principles remain stable.

The browser does not necessarily receive your source tree as written. JSX, TypeScript, CSS modules, environment variables, and imported assets are transformed and bundled or otherwise processed by tooling.

Keep application code organized around understandable boundaries: UI components, features, shared utilities, data access, and tests. Avoid both extremes: one giant folder containing everything and a deeply nested hierarchy that makes imports harder to understand.