10/25 ふりかえり

レイヤー / グループ

kebab-case (ケバブ)

header-navigation

CSSクラス名と一致させるため

コンポーネント

PascalCase (パスカル)

PrimaryButton

React等のコンポーネント定義と一致させるため

変数 / トークン

camelCase (キャメル)

colorPrimary

JavaScript等の変数名と一致させるため

参考

snake_case (スネーク)

primary_button

UI開発では稀。バックエンドで多用。