作成物

リアルタイムチャットアプリケーション
https://it-tsumugi.github.io/chat-app/

特徴

・データベースに変更があると自動的にデータをフェッチしてくる。
・最低限のデータのみ最初に読み込み、無限スクロールで必要なときのみ追加データを要求する。

主な使用技術

React,TypeScript,Redux,styled-components,firebase realtime database,react-infinite-scroller

作業時間記録表

・技術選定、Redux,react-redux,fire-baseについてリサーチ、基本ディレクトリ構造の作成(1時間)
・reduxについての理解とテスト実装、qiitaでのアウトプット（30時間）
・fire-baseについての理解とテスト実装、qiitaでのアウトプット(16時間)
・React hooks 、非同期処理についての理解、qiitaでのアウトプット（5時間）
・無限スクロール処理の理解とテスト,qiitaでのアウトプット(11時間)
・基本レイアウトの作成(9時間)
・基本ロジックの構成（9時間）
・最適化、リファクタリング(12時間)

備考

右上のボタンを使ってデータの全削除とシードデータでのリセットが可能です。