Подключаем SQLite к веб-приложению

Подключаем к веб-приложению SQLite с хранением данных в OPFS через WebAssembly.

В видео рассматривается внедрение трех стратегий хранения данных в стандартное приложение со списком задач (todo app). Сначала разбирается вариант с хранением в оперативной памяти, далее в local-storage и последний вариант - SQLite с OPFS.

Репозиторий с кодом: github.com/ErmolaevID/sqlite-opfs-example
Comlink: github.com/GoogleChromeLabs/comlink
OPFS Chrome Extension: chrome.google.com/webstore/detail/opfs-explorer/acndjpgkpaclldomagafnognkcgjignd

Telegram: @ermolaevtech
VK: vk.com/ermolaevid

00:00 - Что такое SQLite
00:54 - Фронтенд и SQLite
01:41 - File System Api и Open Private File System
02:22 - Какие технологии будем использовать
02:41 - Бизнес логика приложения
03:14 - Базовая логика в коде
04:40 - Реализация хранения данных в оперативной памяти
06:10 - Проверяем, что приложение работает
06:31 - Реализация хранения данных local-storage
08:35 - Проверяем, что приложение работает
09:16 - Реализация хранения данных через SQLite + OPFS
17:37 - Как собирать приложение
18:30 - Проверяем, что приложение работает
20:21 - Вывод

#javascript #frontend #программирование #web #sqlite3 #sqlite #webassembly #webapi #typescript #chrome