I've seen similar questions before, but the use cases seem to be renaming the app to another lowercase name or it never goes into potential problems that will occur if the folder being uppercase disrupts it other than going against npm conventions.
My ReactJS app is designed just to be a front-end application with client side routing, I don't plan on publishing it on to npm, but I will deploy it on a production level with potentially different types of web servers hosting it.
My method for renaming:
I want my react app to be placed in a folder called MyReactApp.
Run npx cra. NPM doesn't allow uppercases:
npx create-react-app MyReactApp
So I run:
npx create-react-app my-react-app
My app now sits on a folder called
my-react-app/src/index.js with a package name of
Now, can I simply go ahead and change only the top level folder name like:
By doing it this way, am I potentially messing up dependency structures or introducing problems later on?
I'm currently in the early stages of my app after renaming it like this and there doesn't seem to be a problem yet. Sorry, I don't know if I'm simply overthinking the naming restriction and/or just assuming the top level folder is included under the package .
Also, I have seen this link, but I'm not sure if it's solely talking about the package name: https://github.com/npm/npm/issues/3914#issuecomment-24878907
- URL paths and couch doc ids are case sensitive.
- The file systems on most unixes are case sensitive.
- Human brains are mostly case INsensitive.