🙄

フロントエンド ディレクトリ ベストプラクティス #Firebase

2024/05/26に公開

FeDdBp: Front-end Directory-dsign Best-practice

## ディレクトリ構成

src/
  model/
    User.js
    Collection.js // basic
    Following.js
    Media.js
    Tag.js
    List.js
    Room.js
    ChatRoom.js
  service/
    firebase/
      config.js
      fcm.js
      auth.js
      firestore.js
      storage.js

## Model (コレクションとサブコレクション)

users[]
  lists[]: { name, created_at, update_at }
    users[]: { user_id, created_at } //  階層型オブジェクト User[].List[].User[]
  medias[]: { url, created_at }
    comments[]
  tags[]:
  followings[]: { user_id, created_at }
  visiteds[]

rooms[]
  name: 'チャットルーム名'
  createdBy: user
  users[]
  messages[]: { 送信者、本文、送信日時 }
class 掲示板 extends room {} // 匿名, 無制限参加
class ChatRoom extends room {}  // 非匿名, 1on1, 任意のメンバーからなる人数, プライベート, 招待制
class Community, QA extends room {} // 非匿名, 無制限[, プライベート, 招待制]
class 投票制掲示板 extends 掲示板 {}

Discussion