🌟
コードを書く時に気をつけていること（フロントエンド）
日々、フロントエンドのコードを書く時に気をつけていることあります。それは、読みやすいコードを書くことです。その内容をまとめみました。
文章内で、Svelteの記述があります。読む人にとって馴染みがないかもしれませんが、最近よく使っているので、よろしくお願いします。
コンポーネント
- コンポーネントの行数は最大200行（理想）。
- 200行を超えたら、子コンポーネントの作成を考え始めるべき。
- 子コンポーネントから親コンポーネントへのデータの受け渡しは、dispatchを使う。
- bindを使って、子コンポーネントから親コンポーネントへデータは送れる。ただ、bindだと子コンポーネントでのデータの変更が、予期せぬ形で親コンポーネントに影響してしまうことがあり、使用は慎重にすべきである。
関数
- 重複しているコードを共通化する場合、変更時期と変更理由は同じである必要がある。
変数
- 変数の最大文字数は20文字。
- 変数名に使われている単語は短縮しない。
- TypeScriptを使っている場合に、コンポーネント内のグローバル変数は型定義する。
参考リンク
Discussion