Typescriptによる型定義とcomponentsを分割する(1)

[shinshinshin123]

issue

9

10

todo一覧ページ todo作成ページ todo編集ページ todo詳細ページ

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
next-todo-app-5993	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Apr 22, 2023 11:24am

[shinshinshin123]

todo一覧ページ

todo一覧ページの「型定義」ファイルを作成し、型定義をしたコードを移行した。 まずは、ステータスフィルターをコンポーネントに分ける。

終わってないもの

ソート機能をコンポーネントにしていく・・・。 エラーが解消されてはいないが動いている。 エラーの部分

<div>
     <Sort sort={sort} setSort={setSort}/>
</div>

この部分のエラー・・・。

一旦飛ばす。

[shinshinshin123]

todo作成ページ

・UIとロジックを分割 ・型の定義をする。

[shinshinshin123]

todo詳細ページ

やること ・一つのTodoに対してコメントをできるようにする。 　・コメントを投稿できるフォームを作る。 　・コメントを保存できるようにする。 　・コメントを一覧として表示できるようにする。

・それぞれできる限り型定義をする。 ・できる限りコンポーネントを分割する(UIとロジックをなるべく分ける。)

終わらなかった ・コメント機能が投稿できない。 ・コメントを一覧に出せない。 ・削除機能をごとコンポーネントとして分けてみたけど、動かない。

[shinshinshin123]

todo編集ページ

・できるだけコンポーネントに分ける。 ・型定義をする。 ・動作確認

[shinshinshin123]

todo一覧ページは完了してないのでまとめて対処する。