TypeScript + React(create-react-app)(状態管理は全て useState) + Firebase で Authentication + Realtime Database の実装例
CSS や UI、状態管理のメインを useState ではなく Redux Toolkit などこのアプリの拡張的な実装例は typescript-react-redux-toolkit-firebase-auth-chatを参照
npx create-react-app --template typescript
or
yarn create react-app --template typescript
yarn add firebase @types/firebase
yarn add react-router-dom @types/react-router-dom
アカウント -> Settings -> Developer settings -> OAuth Apps -> New OAuth App
取得した「Client ID」「Client secrets」を Firebase Auth で設定する