PROJECTS
学習・実装を通して制作したフロントエンド作品です。
UI設計・状態管理・データ取得などを意識して実装しています。
Counter
0
カウント状態と増減操作をカスタムフックに集約し、 UIコンポーネントは表示と操作のトリガーのみに専念させています。 増減処理には関数型更新を採用し、 Reactの非同期更新による状態不整合を防止しました。
Todo
Todoの追加・完了切替・削除ができるシンプルなTodoアプリを実装しました。 状態管理と操作ロジックをカスタムフックに切り出し、 UIコンポーネントから分離することで、 保守性と再利用性を意識した設計としています。