ksk-tngc / react-sample07-user-management-app

概要

TypeScript と Chakra UI を使用した簡単な React アプリケーションです。

以下の要素を含みます：

• TypeScript
• Atomic Design
• Chakra UI
• React Router
• axios
• Fontsource
• React Icons
• カスタムフック
• Context (グローバルstate)
• 再レンダリングの最適化 (memo, useCallback)
• レスポンシブ
• JSONPlaceholder (バックエンド未実装)
• Unsplash

レンダリング

ログインページ

トップページ

ユーザ一覧ページ

ユーザ一覧ページ - 検索

ユーザ一覧ページ - カードクリック - ユーザ詳細モーダル

ログアウト

レスポンシブ (ドロワーメニュー)

フォルダ構成