Next JS Сборщик ПК

Space of React

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

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

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

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

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

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

Войти

Урок

Next JS Сборщик ПК — УрокСохранение сборки в базу данных — Next JS Сборщик ПК | Max Roslow | Space of React

Парсинг FormData для создания сборки


const name = String(formData.get('name') ?? '').trim()
const componentIds = String(formData.get('componentIds'))
    .split(',')
    .map((id) => id.trim())
    .filter(Boolean)

Что делает:

name — безопасно извлекает название сборки:
- formData.get('name') → string | null
- ?? '' → пустая строка если null
- String() → гарантированно строка
- .trim() → убирает пробелы
componentIds — парсит ID компонентов:
- "1,2,15,21" → ["1", "2", "15", "21"]
- .split(',') — разбивает по запятым
- .map(id => id.trim()) — убирает пробелы

Пример использования:


const name = "Геймерская сборка RTX 4090" // после trim()
const componentIds = ["1", "22", "7", "15", "31", "42",

Транзакция создания сборки (Prisma)


const build = await prisma.$transaction(
    async (tx) => {
        const newBuild = 
                componentId

Логика транзакции:

Создает сборку (build) с названием, общей ценой и userId
Связывает компоненты через промежуточную таблицу buildComponent:
- buildId: newBuild.id — ссылка на новую сборку
- componentId — ID каждого комплектующего из массива
Atomic операция — либо всё создаётся, либо ничего