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.

[zimme]

I have no problem with CRA defaulting to PascalCase while scaffolding a project with the default components, it's easy enough to remove/rename with kebab-case files as I do for all my projects because of the problems with case-insensitive filesystems and the problems it brings to git.

However, I would like to see support for kebab-case for files like setupTests.js and setupProxy.js which are hardcoded into react-scripts and isn't imported by any app specific files.

[holylander]

You could also just follow a more standard naming convention using camelCase etc, and if you ever run into an issue with git + macos + file renamed from camelCase to CamelCase, use

git mv app.js App.js

as described here https://sebastiandedeyne.com/how-to-do-a-case-sensitive-file-rename-in-git-on-macos/