React 19 Приложение "События"

Space of React

требуется вход

Войдите, чтобы смотреть видео

Видеоуроки, интерактивный редактор и сохранение прогресса — бесплатно, сразу после входа.

Войти Создать аккаунт — бесплатно

Закончили урок?

Войдите, чтобы отмечать прогресс

Войти

Урок

React 19 Приложение "События" — УрокСоздание сущностей — React 19 Приложение "События" | Max Roslow | Space of React

Сущность участников события

Создай сущность связи между пользователем и событием, которая хранит факт участия пользователя в конкретном событии.

src/db/entities/event-participant.entity.ts


import {
  Column,
  CreateDateColumn,
  Entity,
  Index,
  JoinColumn,
  ManyToOne,
  PrimaryGeneratedColumn,
} from 'typeorm';
import { Event } from './event.entity';
import { User } from './user.entity';

@Entity('event_participants')
@Index('UQ_EVENT_PARTICIPANTS_EVENT_USER', ['eventId', 'userId'], { unique: true })
export class EventParticipant {
  @PrimaryGeneratedColumn('uuid')
  id!: string;

  @ManyToOne(() => Event, (event) => event.participants, { onDelete: 'CASCADE' })
  @JoinColumn({ name: 'eventId' })
  event!: Event;

  @Column({ type: 'uuid' })
  eventId!: string;

  @ManyToOne(() => User, (user) => user.eventParticipations, { onDelete: 'CASCADE' })
  @JoinColumn({ name: 'userId' })
  user!: User;

  @Column({ type: 'uuid' })
  userId!: string;

  @CreateDateColumn({ type: 'timestamptz' })
  joinedAt!: Date;
}

Что хранит `EventParticipant`

Эта таблица реализует связь many-to-many между пользователями и событиями через отдельную сущность.

id — уникальный идентификатор записи участия
eventId — идентификатор события
userId — идентификатор пользователя
joinedAt — дата и время, когда пользователь записался на событие

Уникальность участия

Добавь уникальный индекс, чтобы один и тот же пользователь не мог записаться на одно и то же событие дважды.


@Index('UQ_EVENT_PARTICIPANTS_EVENT_USER', ['eventId', 'userId'], { unique: true })

Связь с событием

Опиши связь many-to-one с событием, потому что у одного события может быть много участников, а каждая запись участия относится только к одному событию.


@ManyToOne(() => Event, (event) => event.participants, { onDelete: 'CASCADE' })

Связь с пользователем

Опиши связь many-to-one с пользователем, потому что один пользователь может участвовать во многих событиях, а каждая запись участия принадлежит одному пользователю.


@ManyToOne(() => User, (user) => user.eventParticipations, { onDelete: 'CASCADE' })

Почему `onDelete: 'CASCADE'`

Если удалить событие или пользователя, связанные записи об участии тоже должны удалиться автоматически.


{ onDelete: 'CASCADE' }

Сущность события

Создай сущность события, которая хранит основную информацию о мероприятии, владельце и участниках.

src/db/entities/event.entity.ts


import {
  Check,
  Column,
  CreateDateColumn,

Что хранит `Event`

Эта сущность описывает само мероприятие и его основные поля.

title — название события
description — описание события
capacity — максимальное количество участников
address — адрес проведения
startsAt — дата и время начала
ownerId — идентификатор автора события

Проверка вместимости

Добавь database-level проверку, чтобы вместимость события всегда была больше нуля.


@Check('"capacity" > 0')

Связь с владельцем события

Опиши связь many-to-one с пользователем, потому что один пользователь может создать много событий, а у каждого события только один владелец.


@ManyToOne(() => User, (user) => user.events, { onDelete: 'CASCADE' })

Связь с участниками

Опиши обратную связь one-to-many, чтобы у события можно было получить список всех записей участия.


@OneToMany(() => EventParticipant, (participant) => participant.event)
participants!: EventParticipant[];

Служебные даты события

Добавь поля автоматического создания и обновления записи.


@CreateDateColumn({ type: 'timestamptz' })
createdAt!: Date;

@UpdateDateColumn({ type: 'timestamptz' }

Сущность пользователя

Создай сущность пользователя, которая хранит данные для аутентификации, имя и связи с событиями.

src/db/entities/user.entity.ts


import {
  Column,
  CreateDateColumn,
  Entity,
  OneToMany,

Что хранит `User`

Эта сущность описывает пользователя системы.

email — уникальный email для входа
passwordHash — хеш пароля, а не сам пароль
name — имя пользователя
events — список событий, которые пользователь создал
eventParticipations — список участий пользователя в событиях

Уникальность email

Сделай email уникальным, чтобы в системе не могло существовать двух пользователей с одинаковым адресом.


@Column({ type: 'varchar', length: 255, unique: true })
email!: string;

Почему хранится `passwordHash`

Пароль нельзя хранить в открытом виде, поэтому в базе сохраняется только его хеш.


@Column({ type: 'varchar', length: 255 })
passwordHash!: string;

Связи пользователя

Опиши две связи: одну для созданных событий, вторую для участий в чужих или своих событиях.


@OneToMany(() => Event, (event) => event.owner)
events!: Event[];

Скрипты для TypeORM в `package.json`

Добавь команды для работы с CLI TypeORM: запуск CLI, генерация миграции, применение миграций и откат последней миграции.


"scripts": {
  "...": "...",
  "typeorm": "node --require ts-node/register ./node_modules/typeorm/cli.js -d src/db/data-source.ts",
  "migration:generate": "npm run typeorm -- migration:generate src/db/migrations/InitSchema",

Что делает `typeorm`

Этот скрипт запускает TypeORM CLI через Node.js с поддержкой TypeScript и передает путь до файла data-source.ts.


"typeorm": "node --require ts-node/register ./node_modules/typeorm/cli.js -d src/db/data-source.ts"

Что делает `migration:generate`

Эта команда генерирует новую миграцию на основе текущих entity и сохраняет ее в папку src/db/migrations с базовым именем InitSchema.


"migration:generate": "npm run typeorm -- migration:generate src/db/migrations/InitSchema"

Что делает `migration:run`

Эта команда применяет все миграции, которые еще не были выполнены в базе данных.


"migration:run": "npm run typeorm -- migration:run"

Что делает `migration:revert`

Эта команда откатывает последнюю примененную миграцию.


"migration:revert": "npm run typeorm -- migration:revert"

Как использовать

Для генерации миграции после изменения entity выполни:


npm run migration:generate

Для применения миграций к базе выполни:


npm run migration:run

Для отката последней миграции выполни:


npm run migration:revert

Войдите, чтобы смотреть видео

Войдите, чтобы смотреть видео

Сущность участников события

Что хранит EventParticipant

Уникальность участия

Связь с событием

Связь с пользователем

Почему onDelete: 'CASCADE'

Сущность события

Что хранит Event

Проверка вместимости

Связь с владельцем события

Связь с участниками

Служебные даты события

Сущность пользователя

Что хранит User

Уникальность email

Почему хранится passwordHash

Связи пользователя

Скрипты для TypeORM в package.json

Что делает typeorm

Что делает migration:generate

Что делает migration:run

Что делает migration:revert

Как использовать

Что хранит `EventParticipant`

Почему `onDelete: 'CASCADE'`

Что хранит `Event`

Что хранит `User`

Почему хранится `passwordHash`

Скрипты для TypeORM в `package.json`

Что делает `typeorm`

Что делает `migration:generate`

Что делает `migration:run`

Что делает `migration:revert`