Skip to content

Commit d4af31f

Browse files
gn-t-kclaude
andcommitted
docs: Reactコーディングスタイルとプルリクテンプレートを更新
- Reactコーディングスタイルガイドを追加(関数宣言、コンポーネント定義、エクスポート方針など) - プルリクテンプレートの表現を明確化 - markdownlintの警告を修正 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
1 parent e201df1 commit d4af31f

File tree

1 file changed

+7
-1
lines changed

1 file changed

+7
-1
lines changed

.claude/project-knowledge.md

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -97,22 +97,28 @@
9797

9898
- **CI優先**: 手動確認を最小化し、なるべくすべてをCIで自動チェック
9999
- **日本語ファースト**: コミットメッセージ、コメント、ドキュメントは日本語で記述
100+
- **プルリク小分け**: レビューしやすいようにプルリクは可能な限り小分けにする
100101

101102
### Reactコーディングスタイル
102103

103104
- **関数宣言**: 可能な限りfunctionは使わず、アロー関数で書く
104105
- **エクスポート**: 可能な限りnamed exportする
105106
- **コンポーネント定義**:
107+
106108
```typescript
107109
type Props = {…}; // ファイル内に複数のコンポーネントがある場合を除き、命名は「Props」
108110

109111
export const Component: FC<Props> = ({ … }) => {…};
110112
```
113+
111114
- **children利用時**: PropsWithChildrenを使用
115+
112116
```typescript
113117
export const Component: FC<PropsWithChildren> = ({ children, … }) => {…};
114118
```
115-
- **ページコンポーネント**:
119+
120+
- **ページコンポーネント**:
121+
116122
```typescript
117123
type Props = {…};
118124

0 commit comments

Comments
 (0)