composition

https://qiita.com/yutkat/items/c6c7584d9795799ee164

Linter

• React.js, Typescriptを使用する想定
• 固有のCSS in JS設定は含まない
• JSON形式に統一して管理
• 以下のスクリプトをpackage.jsonに書いておくと便利

  "scripts": {
    "lint": "next lint --ignore-path .gitignore",
    "lint:fix": "next lint --ignore-path .gitignore --fix",
    "lint:style": "stylelint --ignore-path .gitignore './**/*.{css,scss}'",
    "lint:style:fix": "stylelint --ignore-path .gitignore --fix './**/*.{css,scss}'",
    "format": "prettier --write --ignore-path .gitignore './**/*.{js,jsx,ts,tsx,json,css,scss}'"
  }

Github Actions

• CIはpush, PR作成時に実行する
• 失敗時にdiscordに通知するので、webhookを別途設定する