Create-react-app: all file names lowercase - use hyphens instead of camelcase

[ORESoftware]

Strange mixture of camelcase and hyphenated files when I used:

npx create-react-app . --typescript

I would recommend only lowercase filenames - the technical reason is that macos is case insensitive and linux is not. so macos fs won't see file renamings easily when using git etc. people that know will know what I am talking about

[iainjreid]

This is something that's been nagging away in the back of my mind for quite a while, I'm not completely sure where the convention arose from.

The lowercase filename convention is far more friendly towards non-Linux systems!

[ianschmitz]

The Pascal case is extremely common for component file names in the react ecosystem. That way your import matches the module:

import Button from ”./Button"

The other outlier is the .d.ts file, which could be renamed arguably.

[ORESoftware]

@ianschmitz that may be so, but have to stop digging the pit at some point. Mixture of upper and lower case filenames is bad for technical reasons mentioned above. Basically any system that is not type-checked - I always use lower case names only.