---
# System prepended metadata

title: 2021-02-17 pair-2b 定例
tags: [Pair-B]

---

# 2021-02-17 pair-2b 定例

## 疑問
### 粟田
#### eslintの設定について
`'react/prop-types': 'off'`
typescriptで書く場合、これをオフしない方がいい理由はありますか？

#### cypressのテストファイルで、以下のようなエラーが発生。回避方法は？
```
'xxxxxx.ts' は、グローバル スクリプト ファイルと見なされるため、'--isolatedModules' でコンパイルすることはできません。import、export、または空の 'export {}' ステートメントを追加して、これをモジュールにしてください。
```

回避策1
cypressは別プロジェクトとして、tsconfig.jsonに`"isolatedModules": false`を設定する

#### キャメルケース、パスカルケース、スネークケース問題
https://typescript-jp.gitbook.io/deep-dive/styleguide
→ これに反論ありますか？

### 玄徳

### 永井
#### .storybook/main.jsと.storybook/preview.jsに何を書いているか知りたい。
自分のアプリにstorybookを入れた。main.jsはデフォルトのままだけどpreview.jsは以下のようにした。

背景色を灰色、storyを中央寄せにして、storyの背景色を白色にしている。
あと、sotrybook上でマテリアルデザインとfontawesomeを使えるようにしている
```javascript=preview.js
import { library } from '@fortawesome/fontawesome-svg-core'
import { fas } from '@fortawesome/free-solid-svg-icons'
import { fab } from '@fortawesome/free-brands-svg-icons'
import { far } from '@fortawesome/free-regular-svg-icons'
import React from 'react'

library.add(fas, far, fab)

export const parameters = {
  actions: { argTypesRegex: '^on[A-Z].*' },
  layout: 'centered',
  backgrounds: {
    default: 'gray',
    values: [
      {
        name: 'gray',
        value: 'gray',
      },
    ],
  },
}
export const decorators = [
  (Story) => (
    <div style={{ backgroundColor: 'white' }}>
      <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />

      <Story />
    </div>
  ),
]
```
#### storybookの便利なアドオンを教えて

###### Tags: `Pair-B`