cokemaniaIIDX / create_chat_app

React × Firebase で簡単にチャットアプリを作成するデモ

React × Firebase で 簡単にチャットアプリを作成する

アーキテクチャ

フロントエンド : React, Typescript, Chakra-UI, Formik バックエンド : GoogleCloud(Firebase)

• Reactのcreate-react-appを、template typescript を指定してプロジェクト作成します。
• ChakraUIを用いてUIを作成します。
• Formikは、React/ChakraUIと親和性の高いフォーム用ライブラリで、入力フォームにこれを使います。
• バックエンドはすべてFirebaseにお任せします。DBはFirebsaeのRealtimeDatabaseを使います。

やりたいこと

• チャット機能の作成方法を端的に遺す
• 注意点を残しておく
  • firebase へのログイン方法
  • firebase emulatorの使い方
  • firebase emulatorと接続する際の設定 ( VSCode での port 転送 )
• プロジェクト作成からデプロイまでやる