React19を使用したタスク管理アプリの学習体験を共有します！

Posted date at 2025-02-28

　React19とWeb開発技術（Clerk+Hono+Prisma+Supabase）のキャッチアップを行い、認証機能付きのタスク管理アプリをデプロイしました。

🚀ソースコード

　GitHubにあります。Publicにあたって、READEME.mdを初めて作成しました。資料やアプリのURLも掲載しています。

　ログイン→タスクの登録→ステータス変更→ログアウトまでを行っています。

　別タブで開いてください。　

アプリをタブで開くへのリンク

　ユーザ認証はClerkのWebookをHonoで用意したAPIで受け取り、Supabaseに保存しています。また、Task操作に関するAPIはトークンによる認証を設けています。

　詳細は以下の資料に記載しています。

　アプリ開発を通してReact19（18以降）のHooksを学びました。実務でも使用していきます。

　また、フルスタック技術についても浅くですがキャッチアップしました。Clerkはマルチファクターもできてとても便利です。

　SupabaseはRDBでかつFirebaseのようにフロントエンドとのリアルタイムな同期もできます。テーブル間の整合性が必要なケースで採用したいと思います。