ファイル名はデフォルトエクスポートと一致させる
ベースとなるファイル名は、そのデフォルトエクスポートの名前と完全に一致させるべきです。
ファイル `CheckBox.js` が `CheckBox` クラスをエクスポートしている、というように、ファイル名と内容が一致していると、プロジェクトの構造が予測可能になり、目的のコンポーネントや関数を探しやすくなります。命名規則を統一することで、混乱を避けることができます。
❌ Bad
// file: checkBox.js
class CheckBox { /* ... */ }
export default CheckBox;
// in other file
// bad
import CheckBox from './checkBox';✅ Good
// file: CheckBox.js
class CheckBox { /* ... */ }
export default CheckBox;
// in other file
// good
import CheckBox from './CheckBox';