Taking decisions to structure big projects with Hooks, Stores, Services and more…

Nowadays, there are a lot of different tools to work with components. Some of them help us to decrease the coupling between our code, others help us to have better communication, and some others give us a better DOM performance or teach us how to structure our files.

Choosing a file naming convention

The naming convention will help you a lot when you have to create a project with many components. Remember that we always want a more maintainable, scalable, and extensible structure for new and long-term projects.

Spoiler: To use a folder called ‘components’ and add all the components inside will not be the best practice.

The real important thing here is that it has to be maintainable, and if others join your project, you have to understand it.

Talking about naming convention, there are at least these basic conventions:

• PascalCase aka TheElder: This convention is usual in Backend scenarios, and to name the components in Frontend.
• camelCase aka theCommon: · Probably the most used convention in the Frontend side.
• kebab-case aka the-modern: The popularity of this convention has increased recently, with frameworks…