Загрузка файлов в React с помощью Effect-TS | Ускоренный курс Uploadthing

👉 Зарегистрироваться на Practical Effect можно здесь: https://lucasbarake.com/

Репозиторий: https://github.com/lucas-barake/effec...

В этом видео мы рассмотрим, как реализовать загрузку файлов с помощью React, используя полную экосистему Effect-TS. Мы интегрируем UploadThing для хранения данных, но вместо обычных хуков будем управлять сложным жизненным циклом загрузки с помощью конечных автоматов на основе атомов эффектов.

Я также расскажу о настройке WebSockets для синхронизации с базой данных в реальном времени и, что самое интересное, о передаче сжатия изображений в Web Workers, работая с ними как со стандартным типобезопасным RPC-уровнем.

00:00:00 Введение и демонстрация проекта
00:01:41 Практический курс по эффектам
00:02:05 Уровень домена и контракты RPC
00:04:54 Настройка сервера и HTTP-маршрутизатор
00:08:40 Реализация служб RPC
00:10:53 Клиент API UploadThing
00:13:32 Обработка обратных вызовов Webhook
00:15:16 Уровень репозитория SQL
00:16:01 Архитектура интерфейса пользователя
00:20:01 Настройка клиентского API и WebSocket
00:22:12 Конечный автомат загрузки
00:25:20 Логика синхронизации файлов
00:28:12 Сжатие изображений с помощью веб-воркеров
00:33:19 Стратегии тестирования и имитации