Skip to content
This repository has been archived by the owner on May 31, 2021. It is now read-only.

Style guide

taichi uchihara edited this page Jun 13, 2020 · 3 revisions

命名規則

ファイル名

パスカルケース(アッパーキャメルケース)にしましょう. (SliderItem.js ...)

コンポーネント名

パスカルケース(アッパーキャメルケース)にしましょう. (Header, Button ....)

参照名

基本的にファイル名と同じ名前にしましょう.
どうしてもできない理由があるときは別のやつでも大丈夫です.

import Header from "./Header";
import Button from "./Button"; 

Style

commit前にprettierでformatするようにしましょう.
npm run prettier-watch を実行しているとファイルの保存時に自動でformatしてくれます.
npx run prettier --write src/**/*.jsを実行すると.jsがついたファイルすべてをformatしてくれます.

参考

その他

命名

  • 今回のプロジェクトでは単数系や複数形が混在していて、そのまま変数名を単数・複数にするとパット見でわかりずらい。なので複数形はhogeListのようにListとかで複数ということを示すようにする
Clone this wiki locally