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

Fan of burritos, digging into unutilized capacity,

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

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

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

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

ComponentName
  - ComponentName.tsx 
  - index.tsx

Vs. 

ComponentName
  - index.tsx

No dumb question, there’s no silver bullet when it comes to project file structure. I think mostly for searching the file in the IDE

There’s only one correct correct way to structure your React project

There’s only one correct correct way to structure your React project https://x.com/dan_abramov/status/1027248875072114689

Ah gotcha, yeah this whole topic makes me think of this Dan Abramov post:

I wanted to link to that tweet but I couldn’t find it 😂

Ah gotcha, yeah this whole topic makes me think of this Dan Abramov post:

https://x.com/dan_abramov/status/1042364018848145408?s=20

The main advantage of the former is that you don't have a bunch of index.tsx labels across the open files.

Having the actual component name and exporting from index gives the editor a bit more clean feel when jumping around open files.