Recently, I have started learning ReactJS. The only thing that confuses me is naming folders and files in the React app directory.
To name component files, some people follow TitleCase.js and some follow camelCase.js.
To name app directories, few people follow camelCase and few
smallcase or small-case.
I tried to find the official documentation on naming conventions but couldn't. Can someone help me find the right way of naming files in ReactJS?
Regarding naming conventions, ReactJS is unopinionated.
There isn't an official guideline or statement about the questions you raised. You won't find them in the documentation either.
It's a personal (team) preference. If you struggle to enforce one, you could stick to something like Airbnb's mostly reasonable approach to React and JSX.
PS: As long as you're consistent, I would say you're safe.
Based on 'Google JavaScript Style Guide'
File names must be all lowercase and may include underscores (_) or dashes (-), but no additional punctuation. Follow the convention that your project uses. Filenames’ extension must be .js.
As others have mentioned, we adopted the Airbnb style guide. Here is the specific section in their docs about naming conventions:
https://github.com/airbnb/javascript/tree/master/react#naming
tl;dr PascalCase for naming