Frontend

In your apps, do y'all set up single components as single files or as files within folders?

For example:

ComponentName.tsx

vs. 

ComponentName 
  -- index.tsx

Similar to @matallo.eth 

mind my mismatched spellcase, I've been too lazy to fix it, but also keep telling myself i have higher priorities

Explorer. Code, design, and mountains. Building Fern https://fernhq.com Previously Shopify

Fan of burritos, digging into unutilized capacity,

trying to solve some problems at https://www.louiza.xyz

Chasing Curiosity. People, Nature, Machines. Hakuna Matata, "Its a problem-free philosophy.”

Interesting, this may be a dumb question but what are the benefits of doing:

ComponentName
  - ComponentName.tsx 
  - index.tsx

Vs. 

ComponentName
  - index.tsx

components
- ComponentName
  - ComponentName.tsx
  - index.ts
- index.ts

Senior prompt engineer. Shipped on farcaster: @larrybot, @qdau, @frames, @framesfun, /open-frames, farcasterchannels.com, farcaster.id, @mod, @search, @discove

Yeah that definitely makes sense from a functionality standpoint

The only good reason to nest in folders is when you have multiple colocated files for the Component (such as ComponentName.scss, or next.js's new layout.ts and route.ts), or you're nesting them to match the file path to the url schema, and need to nest another route within this one. 

Otherwise simpler not to nest

Usually single files, but for larger components they are grouped in a folder.