Скачать или смотреть Синхронизированные веб-приложения: TanStack DB + Phoenix Sync (Часть 2)

Завершение разработки приложения для голосования с локальным доступом под названием Food Captain с использованием TanStack DB и Phoenix Sync.

Это вторая часть двухсерийного цикла — в первой части мы разработали фронтенд этого приложения.

Что мы рассмотрели:
Настройка Phoenix Sync со встроенным ElectricSQL
Создание фигур для потоковой передачи изменений базы данных в браузер
Ограничение доступа к данным с помощью аутентифицированных контроллеров фигур
Подключение изменений коллекций (вставка, обновление) к конечным точкам API бэкенда
Использование Phoenix.Sync.Writer для сложных многооперационных транзакций
Добавление серверной валидации с помощью Ecto Multi
Реализация расчета ранжированного голосования на бэкенде

В результате получилось приложение для совместного голосования в реальном времени, где изменения мгновенно синхронизируются между всеми подключенными пользователями. Мы перешли от прототипа с localStorage к готовому к производству бэкенду с удивительно небольшим количеством кода.

Ссылки
Программа для записи экрана, которую я использую (партнерская ссылка): https://screen.studio/@Yy75o
Демо-репозиторий: https://github.com/ChristianAlexander...
Изменения по сравнению с этим видео: https://github.com/ChristianAlexander...
Изменения после этого видео: https://github.com/ChristianAlexander...
Документация TanStack DB: https://tanstack.com/db
Phoenix Sync: https://hexdocs.pm/phoenix_sync
ElectricSQL: https://electric-sql.com

Временные метки
Что мы делаем? - 00:00
Настройка бэкэнда - 03:34
Первая фигура - 05:43
Создание сессии - 10:02
CSRF - 16:12
Фильтрованные чтения - 18:00
Одна фигура - 20:03
Фигура параметров - 22:26
Параметры редактирования - 27:50
Массовая вставка - 32:26
Чтение голосов - 37:03
Синхронизация голосов CRUD - 38:44
Пользовательская проверка - 47:04
Показ результатов - 49:55