This is a list of best practices found not only in catalyst projects, but from years of web articles and personal practices that are easy to remember and implement across small or large React applications.
One of the most common discussions I have seen is which casing to use for what. The goal here is to keep it simple
- Pascal Case (MyComponent) for components, Classes, Interfaces
- Kebab Case (my-component) for directories, non react components, and Function, Class, Interfaces file names